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 ...
63K views4 months ago
Shorts
Figma Tutorial for Beginners | Learn UI Design Basics Step-by-Step (2025) #coding #htmlcss
0:18
1.2K views
Figma Tutorial for Beginners | Learn UI Design Basics Step-by-Step (2025) #coding
Smart Code School
Turn Figma Designs into Code Instantly with Claude
0:37
11K views
Turn Figma Designs into Code Instantly with Claude
Outright Systems
Figma Tutorial
Figma Tutorial for Beginners
1:13:17
Figma Tutorial for Beginners
YouTubeKevin Stratvert
1M viewsApr 11, 2024
Figma Tutorial for Beginners - Complete Course 2025
1:54:38
Figma Tutorial for Beginners - Complete Course 2025
YouTubeAverage Design Dude
238.3K viewsFeb 22, 2025
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
Top videos
Design to Code with Figma MCP and Cursor | Step-by-Step Tutorial
18:18
Design to Code with Figma MCP and Cursor | Step-by-Step Tutorial
YouTubeSergei Chyrkov
46K views3 months ago
Figma MCP Explained: Turn Your Designs into Code in Seconds!
6:36
Figma MCP Explained: Turn Your Designs into Code in Seconds!
YouTubeAM Design
4.9K views9 months ago
Convert Figma Designs to Code with AI
5:01
Convert Figma Designs to Code with AI
YouTubeBuilder
17.8K views6 months ago
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
2.7K views2 weeks ago
Code to Canvas: Claude Code | Figma
8:03
Code to Canvas: Claude Code | Figma
YouTubeFigma
26.6K views3 weeks ago
Free Figma Make Course for Beginners 2026 | UI/UX Design (Figma Tutorial)
22:34
Free Figma Make Course for Beginners 2026 | UI/UX Design (Figma Tutorial)
YouTubeDesignWithArash
15.6K views2 months ago
Design to Code with Figma MCP and Cursor | Step-by-Step Tutorial
18:18
Design to Code with Figma MCP and Cursor | Step-by-Step Tutorial
46K views3 months ago
YouTubeSergei Chyrkov
Figma MCP Explained: Turn Your Designs into Code in Seconds!
6:36
Figma MCP Explained: Turn Your Designs into Code in Seconds!
4.9K views9 months ago
YouTubeAM Design
Convert Figma Designs to Code with AI
5:01
Convert Figma Designs to Code with AI
17.8K views6 months ago
YouTubeBuilder
I Built My Entire Design System in 4 Hours With AI. Full Tutorial (Claude + Cursor + Figma)
8:40
I Built My Entire Design System in 4 Hours With AI. Full Tutorial (Claud…
171.4K views4 months ago
YouTubeThe Design Project
How To CONVERT FIGMA DESIGN Into Code (Full Guide)
2:57
How To CONVERT FIGMA DESIGN Into Code (Full Guide)
412 viewsMar 16, 2025
YouTubeTech Helpguy
Figma MCP - From Design to Production Code in Minutes | Live Demo
6:35
Figma MCP - From Design to Production Code in Minutes | Live …
7.8K views9 months ago
YouTubeDesign Xstream
Design to Code in 1 Click! Figma Make AI Tutorial (Full Tutorial)
11:38
Design to Code in 1 Click! Figma Make AI Tutorial (Full Tutorial)
1.8K views9 months ago
YouTubeRaouf Belakhdar
2:16
Course overview: Figma Design for beginners [1 of 13]
191.8K views8 months ago
YouTubeFigma
14:39
How to Turn Figma Designs into Live Websites in 10 Minutes!
141.8K views8 months ago
YouTubeWebsite Learners
9:41
Figma tutorial: Intro to Figma Make
87.1K views3 months ago
YouTubeFigma
35:26
Figma tutorial : Designing a full Website with Scrolling Animation i…
436.7K viewsApr 18, 2024
YouTubeVidscape Code
17:14
Figma Make or Figma MCP? — Design to Code Tutorial
16K views5 months ago
YouTubeSergei Chyrkov
5:20
Claude Code + Figma MCP Server for Design to Code
68.8K views7 months ago
YouTubeBuilder
16:09
Find in video from 07:50Code generated
How to Convert Figma Design to HTML CSS | Figma to HTML CSS T…
80.6K viewsOct 7, 2024
YouTubeSimplilearn
20:52
Find in video from 04:12Linking Figma Project with Code Parrot
How to convert Figma Design into Code (React.js) using a Visual Stu…
28.3K viewsAug 5, 2024
YouTubeThe Code Angle
4:50
Figma to React Code in Seconds : Convert Designs to Code with AI …
14.3K viewsFeb 24, 2025
YouTubeEdward Chechique
28:08
Find in video from 11:00Using Visual Copilot for Code Generation
How to convert Figma Design into code (Angular) using Visual Copil…
13.9K viewsJul 11, 2024
YouTubeThe Code Angle
7:13
Turn Figma design into code using Anima
9.2K viewsMar 29, 2025
YouTubeNick Babich
15:49
Converting Figma designs with Cursor MCP
128.6K viewsMar 9, 2025
YouTubeCoderOne
4:34
Turn Figma designs into full stack apps with AI
595.4K viewsJan 22, 2025
YouTubeSteve (Builder.io)
1:08:38
VS Code Live - Code with Context using Figma MCP Server
14.3K views5 months ago
YouTubeVisual Studio Code
21:08
From Figma to Cursor & Claude Code with MCP
54.9K views8 months ago
YouTubeDesignCourse
2:02:39
Figma for Beginners in Tamil: Master the Basics with Project
254.2K viewsOct 3, 2024
YouTubeJVL code
1:13:17
Figma Tutorial for Beginners
1M viewsApr 11, 2024
YouTubeKevin Stratvert
1:52
How to CONVERT Figma Design to HTML and CSS (Step by Step)
47.3K views10 months ago
YouTubeAnswer ASAP
1:05
Find in video from 00:22Creating a Project on Figma
How to convert figma design to html and css (FREE) - full guide
194.8K viewsFeb 2, 2024
YouTubesethome
14:07
How to use Figma Make | AI Tool that Designs for You | Complete T…
9.6K views8 months ago
YouTubeCodecademy
14:03
Convert Figma Design To Flutter Code For Free - Step By Step Tuto…
37K viewsNov 5, 2024
YouTubeDear Programmer
30:39
Claude Code 30-min Tutorial: Coding a Figma to Code Plugin
22.8K viewsFeb 26, 2025
YouTubeDesignCode
See more videos
Static thumbnail place holder