Figma + developer workflows | design systems, Code Connect, MCP, and Make
29:46
YouTubeFigma
Figma + developer workflows | design systems, Code Connect, MCP, and Make
Dive into developer workflows in Figma with Jake. We'll talk about design systems, Code Connect, MCP, and Make. 00:00 Intro 00:05 Design systems 00:27 Named abstractions (variables, components, styles) 01:12 Other patterns (layout, usage guidelines, content and state) 02:03 Dev Mode 02:17 Codebase context 02:35 Code Connect snippets 03:13 Code ...
83.6K views6 months ago
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
Connect Claude Code to Figma Design System | Designer Workflow Task Test
11:27
Connect Claude Code to Figma Design System | Designer Workflow Task Test
YouTubeTD Sunshine
9.1K views1 month ago
طريقة استخدام ميزة Code Connect لتحويل التصاميم إلى كود في Figma
15:18
طريقة استخدام ميزة Code Connect لتحويل التصاميم إلى كود في Figma
YouTubeAhmad Sekmani
3.1K views2 weeks 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 Design Tips
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 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 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
Connect Claude Code to Figma Design System | Designer Workflow Task Test
11:27
Connect Claude Code to Figma Design System | Designer Workflow Task Test
9.1K views1 month ago
YouTubeTD Sunshine
طريقة استخدام ميزة Code Connect لتحويل التصاميم إلى كود في Figma
15:18
طريقة استخدام ميزة Code Connect لتحويل التصاميم إلى كود في Figma
3.1K views2 weeks ago
YouTubeAhmad Sekmani
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
Ultimate Crash Course Claude + Figma | Generate Designs | Build fully interactive screens
19:29
Ultimate Crash Course Claude + Figma | Generate Designs | Build fully interactive screens
13.1K views2 months ago
YouTubeUX Alok
Connect Figma MCP to VS Code in 40 sec | How to connect figma mcp in vscode #figma #figmamcp
1:22
Connect Figma MCP to VS Code in 40 sec | How to connect figma mcp in vscode #figma #figmamcp
67 views1 month ago
YouTubeTech Jitendra Nadol
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 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
9:02
Figma Code Connect UI
86 views2 months ago
YouTubekulturbanause
2:16
Tutorial: Claude Code designs for me in Figma ❌ No MCP needed
5.8K views2 months ago
YouTubeInto Design Systems
12:56
Codex + Figma MCP: Updated Setup for Designers | New Plugin & Skills
5.9K views1 month ago
YouTubeNehmat Gereige | AI-Design Professor
11:31
Claude Code for Designers in 10 Minutes
70.2K views2 months ago
YouTubeAdrien | AI Designer
16:22
Code → Figma — This Changes UI Development
44.8K views2 months ago
YouTubeSergei Chyrkov
14:34
Claude + Figma = Design System Components
27.2K views1 month ago
YouTubeSergei Chyrkov
6:56
The New Figma Workflow - Code to Design & Vice Versa
31.5K views1 month ago
YouTubeDesignCourse
6:19
Claude Code and Figma Two-Way Connection: From Code to Design and Back
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:10
Project Lois: Practical Figma MCP & Claude Code Workflow for Designers #ai
1.6K views1 month ago
YouTubeLois Dagana
1:10
Figma MCP Setup That Actually Works #figma #tutorial #shorts
405 views1 month ago
YouTubeCRMOZ
18:18
Design to Code with Figma MCP and Cursor | Step-by-Step Tutorial
52.6K views5 months ago
YouTubeSergei Chyrkov
11:55
How to design in Figma with AI! (Claude Code + Codex)
4.6K views1 month ago
YouTubeevin_svg
1:56
How designers prototype using the Codex app and Figma
50.9K views3 months ago
YouTubeOpenAI
7:58
Figma to Code: How to Convert Figma Designs into Responsive Code using MagicPath
11.3K views2 months ago
YouTubeLukas Margerie
1:12:33
From Figma to Claude Code: The AI Workflow Designers Are Missing
1.8K views2 weeks ago
YouTubeDesign Pilot
31:25
Framework: Creating a more connected design system with Code Connect
54.7K viewsApr 19, 2024
YouTubeFigma
0:29
Figma on Instagram: "Figma MCP server, now with design context anywhere you work → Remote access → Connection with Figma Make → New Code Connect UI components"
188.7K views7 months ago
Instagramfigma
15:01
Figma Designs to Code with MagicPath (No MCP Setup)
7.7K views3 months ago
YouTubeSergei Chyrkov
1:10
How to Connect Claude Code to Figma (Complete Guide 2026)
30 views2 weeks ago
YouTubeTutorials With Nathan
1:28
How To Link Figma To VSCode 2025! Full Guide
25 views6 months ago
YouTubeThe More You Know
1:07
How To Connect Figma To VS Code (2025)
19 views5 months ago
YouTubeGuide Station
See more