Framework: Creating a more connected design system with Code Connect
31:25
YouTubeFigma
Framework: Creating a more connected design system with Code Connect
At Framework, we announced Code Connect, our newest Dev Mode capability – now available in beta. Code Connect delivers code from your design system to Dev Mode, helping developers build with consistency and speed. In this session, Jake Albaugh, Figma developer advocate, shares an overview of Code Connect and some tips on how to get started ...
54.7K viewsApr 19, 2024
Shorts
Connect Figma MCP to VS Code in 40 sec | How to connect figma mcp in vscode #figma #figmamcp
1:22
67 views
Connect Figma MCP to VS Code in 40 sec | How to connect figma mcp in
Tech Jitendra Nadol
How to use Figma with Claude
0:32
35.9K views
How to use Figma with Claude
Elisa
Related Products
Connect Figma to Vscode
How to Connect Sections in Figma
Figma Connect Frames
#Figma Tutorial
Figma tutorial for Beginners: Complete Website from Start to Finish
Figma tutorial for Beginners: Complete Website from Start to Finish
YouTubeMay 20, 2022
Figma Tutorial for Beginners
Figma Tutorial for Beginners
YouTubeApr 11, 2024
Top videos
Figma + developer workflows | design systems, Code Connect, MCP, and Make
29:46
Figma + developer workflows | design systems, Code Connect, MCP, and Make
YouTubeFigma
83.6K views6 months ago
Connect Figma MCP to Visual Studio Code | Full Setup Guide
6:26
Connect Figma MCP to Visual Studio Code | Full Setup Guide
YouTubeTech Jitendra Nadol
1.5K views1 month ago
Figma Code Connect - Le tutorial complet avec Laurent Thiebault et Romain DAO
44:12
Figma Code Connect - Le tutorial complet avec Laurent Thiebault et Romain DAO
YouTubeThe Cacatoès Theory
2.4K viewsNov 8, 2024
Figma Design Tips
Figma x Claude Code Live: Roundtrip workflows with Figma MCP
1:02:10
Figma x Claude Code Live: Roundtrip workflows with Figma MCP
YouTubeFigma
30.2K views1 month ago
Figma Design System + Screens using Claude Code - FULL COURSE
13:13
Figma Design System + Screens using Claude Code - FULL COURSE
YouTubeAverage Design Dude
8.9K views1 month ago
Figma for Edu: Figma Design and Figma Make, back to basics
58:00
Figma for Edu: Figma Design and Figma Make, back to basics
YouTubeFigma
5.7K views1 month ago
Figma + developer workflows | design systems, Code Connect, MCP, and Make
29:46
Figma + developer workflows | design systems, Code Connect, M…
83.6K views6 months ago
YouTubeFigma
Connect Figma MCP to Visual Studio Code | Full Setup Guide
6:26
Connect Figma MCP to Visual Studio Code | Full Setup Guide
1.5K views1 month ago
YouTubeTech Jitendra Nadol
Figma Code Connect - Le tutorial complet avec Laurent Thiebault et Romain DAO
44:12
Figma Code Connect - Le tutorial complet avec Laurent Thiebault et …
2.4K viewsNov 8, 2024
YouTubeThe Cacatoès Theory
VS Code Live - Code with Context using Figma MCP Server
1:08:38
VS Code Live - Code with Context using Figma MCP Server
16.4K views6 months ago
YouTubeVisual Studio Code
Connect Claude Code to Figma Design System | Designer Workflow Task Test
11:27
Connect Claude Code to Figma Design System | Designer Workflo…
9.1K views1 month ago
YouTubeTD Sunshine
Figma Design System + Screens using Claude Code - FULL COURSE
13:13
Figma Design System + Screens using Claude Code - FULL COURSE
8.9K views1 month ago
YouTubeAverage Design Dude
Figma Code Connect UI
9:02
Figma Code Connect UI
2 views2 months ago
YouTubekulturbanause
20:00
Config 2025: Connecting code with craft with Katie Langerman, Luka…
3.5K views10 months ago
YouTubeFigma
19:29
Ultimate Crash Course Claude + Figma | Generate Designs | Build f…
13.1K views2 months ago
YouTubeUX Alok
0:29
Figma on Instagram: "Figma MCP server, now with design context a…
188.7K views7 months ago
Instagramfigma
1:56
How To Connect Figma To Visual Studio Code - Step By Step
4.5K views8 months ago
YouTubeDani's Tutorials
2:16
Tutorial: Claude Code designs for me in Figma ❌ No MCP needed
5.8K views2 months ago
YouTubeInto Design Systems
2:24
How to Connect Figma to VS Code 2026 (Official Extension)
239 views4 months ago
YouTubeEasytorial
1:07
How To Connect Figma To VS Code (2025)
19 views5 months ago
YouTubeGuide Station
16:22
Code → Figma — This Changes UI Development
44.8K views2 months ago
YouTubeSergei Chyrkov
50:16
How to Design and Code with Claude Code and Figma MCP in 5…
38.7K views1 month ago
YouTubePeter Yang
14:34
Claude + Figma = Design System Components
27.2K views1 month ago
YouTubeSergei Chyrkov
6:19
Claude Code and Figma Two-Way Connection: From Code to Design …
6.1K views2 months ago
YouTubeNick Babich
10:38
Figma MCP AI Course for Beginners (Design to Code with Context)
31.1K views3 months ago
YouTubeThe Cutting Edge School
18:18
Design to Code with Figma MCP and Cursor | Step-by-Step Tutorial
52.6K views5 months ago
YouTubeSergei Chyrkov
6:56
The New Figma Workflow - Code to Design & Vice Versa
31.5K views1 month ago
YouTubeDesignCourse
7:58
Figma to Code: How to Convert Figma Designs into Responsive C…
11.3K views2 months ago
YouTubeLukas Margerie
12:56
Codex + Figma MCP: Updated Setup for Designers | New Plugin & Skills
5.9K views1 month ago
YouTubeNehmat Gereige | AI-Design Professor
7:58
How To Use AI To Convert Figma into Code
131.6K viewsJan 8, 2025
YouTubecorbin
6:32
Turn Figma design into code using Lovable
15.5K viewsMar 21, 2025
YouTubeNick Babich
9:44
Framework by Figma — Code Connect, Typography and Gradien…
8.2K viewsApr 16, 2024
YouTubeAstrit
1:39
How to: Connect Figma MCP with Cursor, VS Code
2.2K views9 months ago
YouTubeShubhransh Bhaskar
35:20
Config 2024: Drive design system adoption with Code Connect (To…
10.2K viewsJul 14, 2024
YouTubeFigma
1:28
How To Link Figma To VSCode 2025! Full Guide
25 views6 months ago
YouTubeThe More You Know
See more videos
Static thumbnail place holder