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
Project Lois: How to Connect Figma MCP to Claude Code - Step-by-Step Setup Guide. #mcp
1:17
1.6K views
Project Lois: How to Connect Figma MCP to Claude Code - Step-by-Step Setup Guide.
Lois Dagana
Project Lois: Practical Figma MCP & Claude Code Workflow for Designers #ai
1:10
1.6K views
Project Lois: Practical Figma MCP & Claude Code Workflow for Designers #ai
Lois Dagana
Figma to HTML
How To Convert Figma Design To HTML and CSS - Step By Step
1:19
How To Convert Figma Design To HTML and CSS - Step By Step
YouTubeMindly Nova
2.7K views5 months ago
How to convert figma design to html and css (FREE) - full guide
1:05
How to convert figma design to html and css (FREE) - full guide
YouTubesethome
196.6K viewsFeb 2, 2024
How to CONVERT Figma Design to HTML and CSS (Step by Step)
1:52
How to CONVERT Figma Design to HTML and CSS (Step by Step)
YouTubeAnswer ASAP
55.3K views1 year ago
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
VS Code Live - Code with Context using Figma MCP Server
1:08:38
VS Code Live - Code with Context using Figma MCP Server
YouTubeVisual Studio Code
16.4K views6 months 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 to React
How to Convert Figma Design to ReactJS - Step By Step
1:08
How to Convert Figma Design to ReactJS - Step By Step
YouTubeMindly Nova
8.9K views5 months ago
Figma to React JS Code Using AI Tool 2025 – Convert Design to Code
6:35
Figma to React JS Code Using AI Tool 2025 – Convert Design to Code
YouTubeDear Programmer
3.3K views9 months ago
Figma to React in One Click: Instant Design to Code
1:29
Figma to React in One Click: Instant Design to Code
YouTubeRobert Nowell
163.7K viewsNov 17, 2021
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
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
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
Figma Code Connect UI
9:02
Figma Code Connect UI
2 views2 months ago
YouTubekulturbanause
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
Ultimate Crash Course Claude + Figma | Generate Designs | Build fully interactive screens
19:29
Ultimate Crash Course Claude + Figma | Generate Designs | Build f…
13.1K views1 month ago
YouTubeUX Alok
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
6:26
Connect Figma MCP to Visual Studio Code | Full Setup Guide
1.5K views1 month ago
YouTubeTech Jitendra Nadol
6:56
The New Figma Workflow - Code to Design & Vice Versa
31.5K views1 month ago
YouTubeDesignCourse
1:07
How To Connect Figma To VS Code (2025)
18 views5 months ago
YouTubeGuide Station
16:22
Code → Figma — This Changes UI Development
44.8K views2 months ago
YouTubeSergei Chyrkov
18:18
Design to Code with Figma MCP and Cursor | Step-by-Step Tutorial
52.6K views5 months ago
YouTubeSergei Chyrkov
19:31
Claude + Figma MCP — Updated Setup for Designers
46.5K views1 month ago
YouTubeNehmat Gereige | AI-Design Professor
14:34
Claude + Figma = Design System Components
27.2K views1 month ago
YouTubeSergei Chyrkov
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
12:56
Codex + Figma MCP: Updated Setup for Designers | New Plugin & Skills
5.1K views1 month ago
YouTubeNehmat Gereige | AI-Design Professor
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
10:38
Figma MCP AI Course for Beginners (Design to Code with Context)
30.3K views3 months ago
YouTubeThe Cutting Edge School
16:50
OpenAI Codex + Figma MCP Setup for Designers
16.1K views2 months ago
YouTubeNehmat Gereige | AI-Design Professor
1:28
How To Link Figma To VSCode 2025! Full Guide
25 views6 months ago
YouTubeThe More You Know
7:58
Figma to Code: How to Convert Figma Designs into Responsive C…
11.3K views2 months ago
YouTubeLukas Margerie
1:39
How to: Connect Figma MCP with Cursor, VS Code
2.3K views9 months ago
YouTubeShubhransh Bhaskar
7:58
How To Use AI To Convert Figma into Code
131.6K viewsJan 8, 2025
YouTubecorbin
6:03
Figma Design to Code with Figma MCP + Cursor AI | Full Setup Tutor…
6K views10 months ago
YouTubeYatri Cloud
6:32
Turn Figma design into code using Lovable
15.5K viewsMar 21, 2025
YouTubeNick Babich
7:17
Figma MCP Setup: Cursor & Windsurf (Complete Guide)
7.4K views5 months ago
YouTubeUI Collective
20:00
Config 2025: Connecting code with craft with Katie Langerman, Luka…
3.5K views10 months ago
YouTubeFigma
See more videos
Static thumbnail place holder

Short videos

1:17
Project Lois: How to Connect Figma MCP to Claude Cod…
1.6K views1 month ago
YouTubeLois Dagana
1:10
Project Lois: Practical Figma MCP & Claude Code Workfl…
1.6K views1 month ago
YouTubeLois Dagana
0:40
How to Get Work Done by Connecting Figma to Claud…
41.6K views1 month ago
YouTube피튜브
0:32
How to use Figma with Claude
35.9K views1 month ago
YouTubeElisa
0:05
Just start building bro… #coding #startup #app #lea…
591.1K views2 months ago
TikTokswerikcodes
1:41
Setting Up Figma MCP Server in VS Code
6.1K views1 month ago
YouTubeMicrosoft Developer
1:22
Connect Figma MCP to VS Code in 40 sec | How to co…
67 views1 month ago
YouTubeTech Jitendra Nadol
1:10
Figma MCP Setup That Actually Works #figma #tut…
405 views3 weeks ago
YouTubeCRMOZ
1:59
Figma MCP — design to code with any AI agent (Github C…
1K views1 month ago
YouTubeMajd Sayed Taha
1:02
Turn code into editable designs in Figma with sea…
904 views2 months ago
YouTubePavel
1:13
Tried the updated Figma MCP and the results are shocking.
190 views1 month ago
YouTubeDeepika Rao
0:43
Claude CodeにFigmaのデザインを自動生成させた #Clau…
364 views1 month ago
YouTubeImuraaのAIチャンネル
0:35
A revolution! Finally, AI can directly manipulate figma d…
30.8K views1 month ago
YouTubeHIROCODE.ヒロコード
0:39
How to Connect Anti-Gravity to Figma 🔗
4.5K views2 months ago
YouTubeJay E | RoboNuggets
0:44
Figma to Code in Minutes Using Claude Code + MCP
750 views2 months ago
YouTubeAkhil Krishnan
1:22
Figma Designs to Code Instantly: Claude Just Cha…
1.1K views2 months ago
YouTubeSuperteamAI
2:30
Design-to-Code Workshop with Claude Code, Cursor …
1.4K views2 months ago
YouTubeThe Design Project
0:31
How to Turn Claude Code Into Figma Designs (Code t…
2.7K views1 month ago
YouTubeAkanksha
0:43
【警告】FigmaにAI直接連携！Claude CodeやCursorか …
303 views1 month ago
YouTubeエイコとアイコのAI放送局
2:20
How to Setup Desktop Figma MCP ⚡ | Faster Design Wor…
9 views2 months ago
YouTubecode with design
Static thumbnail place holder