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
Figma for Edu: Ask a developer Part 1, What is Figma MCP?
3:00
24.6K views
Figma for Edu: Ask a developer Part 1, What is Figma MCP?
Figma
Boost your workflow with Figma AI
2:05
8.8K views
Boost your workflow with Figma AI
Figma
Figma Tutorial
Figma tutorial for Beginners: Complete Website from Start to Finish
43:21
Figma tutorial for Beginners: Complete Website from Start to Finish
YouTubeFlux Academy
3.1M viewsMay 20, 2022
Figma Tutorial for Beginners
1:13:17
Figma Tutorial for Beginners
YouTubeKevin Stratvert
1.1M viewsApr 11, 2024
Figma Tutorial for Beginners - Complete Course 2025
1:54:38
Figma Tutorial for Beginners - Complete Course 2025
YouTubeAverage Design Dude
245.7K viewsFeb 22, 2025
Top videos
Complete Figma AI Course for Beginners 2026
1:58:38
Complete Figma AI Course for Beginners 2026
YouTubeThe Cutting Edge School
32.7K views1 week ago
Figma MCP AI Course for Beginners (Design to Code with Context)
10:38
Figma MCP AI Course for Beginners (Design to Code with Context)
YouTubeThe Cutting Edge School
31.1K views3 months ago
Figma x Claude Code Live: Roundtrip workflows with Figma MCP
1:02:10
Figma x Claude Code Live: Roundtrip workflows with Figma MCP
YouTubeFigma
31.2K views1 month ago
Figma Design Tips
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 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
Complete Figma AI Course for Beginners 2026
1:58:38
Complete Figma AI Course for Beginners 2026
32.7K views1 week ago
YouTubeThe Cutting Edge School
Figma MCP AI Course for Beginners (Design to Code with Context)
10:38
Figma MCP AI Course for Beginners (Design to Code with Context)
31.1K views3 months ago
YouTubeThe Cutting Edge School
Figma x Claude Code Live: Roundtrip workflows with Figma MCP
1:02:10
Figma x Claude Code Live: Roundtrip workflows with Figma …
31.2K views1 month ago
YouTubeFigma
Intro to Dev Mode: accelerating your design-to-dev workflow | Figma
47:00
Intro to Dev Mode: accelerating your design-to-dev workflow | Figma
12.5K views8 months ago
YouTubeFigma
How I Build a Production-Ready Design System with AI | Figma Make
9:38
How I Build a Production-Ready Design System with AI | Figma Make
90.2K views3 months ago
YouTubeAI Builder Space
How to Build an ENTIRE App in Figma & Publish to App Store (No Code)
28:49
How to Build an ENTIRE App in Figma & Publish to App Store (No …
25.7K views4 months ago
YouTubeMikey No Code
How to Enable Figma Developer Mode for FREE 100% Working Method 2025!
5:20
How to Enable Figma Developer Mode for FREE 100% Working Met…
1.1K views7 months ago
YouTubeRHS Rabbi
18:32
Figma MCP + Cursor: The New AI Design System Workflow
92.1K views5 months ago
YouTubeUI Collective
49:30
Figma Live: Figma MCP x OpenAI Codex
14.8K views5 months ago
YouTubeFigma
1:20:34
Figma Tutorial For Beginners 2026 | Figma Web Design Design Tutoria…
7.1K views3 months ago
YouTubeSimplilearn
1:57
How to Mark Ready For Development On Figma (Tutorial 2…
25 views3 weeks ago
YouTubeJust Kristers
1:16:35
Figma to Code, Learning Design with Figma Dev Mode at Open Sou…
453 views7 months ago
YouTubeMajor League Hacking
18:38
Figma Make Tutorial - Create an AI-Powered Prototype
53.4K views5 months ago
YouTubeDesignCourse
16:50
OpenAI Codex + Figma MCP Setup for Designers
16.1K views2 months ago
YouTubeNehmat Gereige | AI-Design Professor
6:56
The New Figma Workflow - Code to Design & Vice Versa
31.5K views1 month ago
YouTubeDesignCourse
1:48:57
Design to Developer Handoff in Figma - Full Tutorial
25K views9 months ago
YouTubeUI Collective
34:13
Release Notes 2026: February Edition | Figma
22.7K views2 months ago
YouTubeFigma
8:06
Code to Canvas: Codex | Figma
8.7K views2 months ago
YouTubeFigma
23:37
Figma MCP + Claude Code | Publish Your Portfolio for Free [Complete …
1.2K views1 month ago
YouTubeNehmat Gereige | AI-Design Professor
10:52
You can now push UI designs from Claude Code BACK to Figma! (NE…
9.6K views2 months ago
YouTubeAI Builder Space
1:15
Figma MCP Explained by an Expert
3.3K views2 months ago
YouTubeMicrosoft Developer
19:31
Claude + Figma MCP — Updated Setup for Designers
46.5K views2 months ago
YouTubeNehmat Gereige | AI-Design Professor
10:08
Claude Code + Figma MCP Is The Greatest AI Design System I've Ev…
114.1K views2 months ago
YouTubeWorldofAI
6:32
Figma tutorial: Collaboration and handoff in Dev Mode
65.3K viewsJun 26, 2024
YouTubeFigma
14:06
Prototyping in Figma is dead, do this instead
110.9K views7 months ago
YouTubeJesse Showalter
4:25
Figma tutorial: Intro to Dev Mode
296.7K viewsJun 21, 2023
YouTubeFigma
31:25
Framework: Creating a more connected design system with Co…
54.7K viewsApr 19, 2024
YouTubeFigma
14:12
Empowering designers: AI, design systems, and quality | Schema by …
9.4K views6 months ago
YouTubeFigma
36:08
Figma Dev Mode Rocks 🤘 Full Tutorial
8.8K viewsMar 7, 2024
YouTubeEnvato Tuts+
See more videos
Static thumbnail place holder

Short videos

3:00
Figma for Edu: Ask a developer Part 1, What is Fi…
24.6K views1 month ago
YouTubeFigma
2:05
Boost your workflow with Figma AI
8.8K views1 month ago
YouTubeFigma
1:41
Setting Up Figma MCP Server in VS Code
6.1K views1 month ago
YouTubeMicrosoft Developer
0:10
Is Coding Dead? The Future of‪@Figma‬ App Developme…
1.9K views3 weeks ago
YouTubeFintech Startup
0:43
Lesson #5: Clean up your Figma File Series: 25 Thing…
8.2K views10 months ago
TikTokux.edward
1:55
Claude Design vs Figma | AI Design vs UI UX Design To…
4.2K views2 weeks ago
YouTubeSimplilearn
0:54
OpenAI & Figma Product Builders on Why AI is Not J…
282 views1 month ago
YouTubeProduct School
0:40
How to Build App Prototypes in Minutes with AI
6.9K views1 month ago
YouTubeBrock Mesarich | AI for Non Techies
0:33
Figma: The Secret Weapon for Frontend Developers
119 views2 months ago
YouTubevikas nagarwal
1:15
Figma MCP Explained by an Expert
3.3K views2 months ago
YouTubeMicrosoft Developer
0:35
How to Design Websites and Apps Using AI UI/UX Tools
4.9K views1 month ago
YouTubeAlamin
2:35
Copilot Autopilot Builds a Web App from Figma | Pla…
190 views3 weeks ago
YouTubeTechRill
0:45
OpenAI & Figma Product Builders on The Future of …
548 views1 month ago
YouTubeProduct School
1:00
How I Built a Party & Event Website (Figma to Live) Fig…
5.5K views2 weeks ago
YouTubeBalvant Ahir
0:26
I Tested Figma and Sketch for Website UI Design Here'…
7K views2 weeks ago
YouTubeCode with Me
0:59
Your Figma to Dev Workflow Is Broken (Here's Why) #fig…
143 views1 month ago
YouTubeHeadway
1:10
Figma design to production code in minutes #figma #cu…
483 views4 weeks ago
YouTubeCRMOZ
0:26
2D to 3D image converter in figma #3ddesign
5K views1 month ago
YouTubeUX-UI Heroes
0:15
Substract - make amazing effect in figma #figma #fig…
902 views1 month ago
YouTubeUX-UI Heroes
1:22
Connect Figma MCP to VS Code in 40 sec | How to co…
67 views1 month ago
YouTubeTech Jitendra Nadol
Static thumbnail place holder