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
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
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 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 Make Tutorial & Best Practice Guide | Figma AI 2026
17:18
Figma Make Tutorial & Best Practice Guide | Figma AI 2026
YouTubeTD Sunshine
22.1K views1 month ago
Figma Tutorial For Beginners 2026 | Figma Web Design Design Tutorial | Figma Tutorial| Simplilearn
1:20:34
Figma Tutorial For Beginners 2026 | Figma Web Design Design Tutorial | Figma Tutorial| Simplilearn
YouTubeSimplilearn
7.1K views3 months 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
16.8K views1 month ago
YouTubeAverage Design Dude
Figma Code Connect UI
9:02
Figma Code Connect UI
86 views2 months ago
YouTubekulturbanause
20:00
Config 2025: Connecting code with craft with Katie Langerman, Luka…
3.5K views10 months ago
YouTubeFigma
50:16
How to Design and Code with Claude Code and Figma MCP in 5…
39.5K views1 month ago
YouTubePeter Yang
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
6:19
Claude Code and Figma Two-Way Connection: From Code to Design …
6.1K views2 months ago
YouTubeNick Babich
2:24
How to Connect Figma to VS Code 2026 (Official Extension)
225 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
10:38
Figma MCP AI Course for Beginners (Design to Code with Context)
31.1K views3 months ago
YouTubeThe Cutting Edge School
14:34
Claude + Figma = Design System Components
27.2K views1 month ago
YouTubeSergei Chyrkov
12:56
Codex + Figma MCP: Updated Setup for Designers | New Plugin & Skills
5.9K views1 month ago
YouTubeNehmat Gereige | AI-Design Professor
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
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