Design to Code with Figma MCP and Cursor | Step-by-Step Tutorial
18:18
YouTubeSergei Chyrkov
Design to Code with Figma MCP and Cursor | Step-by-Step Tutorial
🛠️ Get a copy of Figma file: https://buymeacoffee.com/sergeichyrkov/e/488486 ️ View code on Github: https://github.com/chyrkov/ez-banko 👉 Figma MCP configuration: https://www.figma.com/mcp-catalog/ 💌 Join my newsletter and learn more: https://sergeichyrkov.com/learn In this video I'll show you how to transfer your design from Figma ...
47.2K 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
Figma Design for Beginners
1:00
60.3K views
Figma Design for Beginners
Figma
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
Figma to Code in One Click - How to use Visual Copilot
3:24
Figma to Code in One Click - How to use Visual Copilot
YouTubeBuilder
55.4K viewsNov 15, 2023
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)
YouTubeRaouf Belakhdar
1.8K views9 months ago
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 (Claude + Cursor + Figma)
YouTubeThe Design Project
187.4K views4 months ago
Figma Design Tips
How to Master Figma and Design 10X FASTER!
12:10
How to Master Figma and Design 10X FASTER!
YouTubeJesse Showalter
107.1K viewsFeb 26, 2024
Course overview: Figma Design for beginners [1 of 13]
2:16
Course overview: Figma Design for beginners [1 of 13]
YouTubeFigma
191.8K views8 months ago
Figma Design for beginners: Advocate sidebar — Kaitie and Lauren talk portfolios
2:43
Figma Design for beginners: Advocate sidebar — Kaitie and Lauren talk portfolios
YouTubeFigma
106.8K views8 months ago
Figma to Code in One Click - How to use Visual Copilot
3:24
Figma to Code in One Click - How to use Visual Copilot
55.4K viewsNov 15, 2023
YouTubeBuilder
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
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 (Claude + Cursor + Figma)
187.4K views4 months ago
YouTubeThe Design Project
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
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
Convert Figma Designs to Code with AI
5:01
Convert Figma Designs to Code with AI
17.8K views6 months ago
YouTubeBuilder
Introducing Figma: A Beginners Tutorial (2023 UI UX Design)
31:38
Introducing Figma: A Beginners Tutorial (2023 UI UX Design)
1.5M viewsJan 12, 2023
YouTubeRino de Boer
Figma to Code: The Ultimate Guide (with FREE Resources)
4:55
Figma to Code: The Ultimate Guide (with FREE Resources)
2K views9 months ago
YouTubeThe Metaverse Guy
Course overview: Figma Design for beginners [1 of 13]
2:16
Course overview: Figma Design for beginners [1 of 13]
191.8K views8 months ago
YouTubeFigma
Your First Design System in Figma (Beginner Tutorial)
14:57
Your First Design System in Figma (Beginner Tutorial)
194.8K viewsMar 2, 2023
YouTubeTim Gabe
Figma + developer workflows | design systems, Code Connect, MCP, and Make
29:46
Figma + developer workflows | design systems, Code Connect, MCP, and Make
63K views5 months ago
YouTubeFigma
How to convert Figma Design into Code (React.js) using a Visual Studio Code Extension
20:52
How to convert Figma Design into Code (React.js) using a Visual Studio Code Extension
28.3K viewsAug 5, 2024
YouTubeThe Code Angle
Convert Figma Designs to Code with Bolt & Anima | Full Workflow Demo
21:00
Convert Figma Designs to Code with Bolt & Anima | Full Workflow Demo
1.5K viewsMar 23, 2025
YouTubeHustling Labs
Figma Make or Figma MCP? — Design to Code Tutorial
17:14
Figma Make or Figma MCP? — Design to Code Tutorial
16K views5 months ago
YouTubeSergei Chyrkov
How to Convert Figma UI to Code with 100% Accuracy | Figma MCP Tutorial
7:39
How to Convert Figma UI to Code with 100% Accuracy | Figma MCP Tutorial
5.4K views5 months ago
YouTubeTECH VANSH
Figma tutorial: Intro to Figma Make
9:41
Figma tutorial: Intro to Figma Make
99.4K views4 months ago
YouTubeFigma
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)
47.7K views10 months ago
YouTubeAnswer ASAP
Turn Figma design into code using Lovable
6:32
Turn Figma design into code using Lovable
15.1K viewsMar 21, 2025
YouTubeNick Babich
Turn Figma design into code using Anima
7:13
Turn Figma design into code using Anima
9.2K viewsMar 29, 2025
YouTubeNick Babich
Figma MCP - From Design to Production Code in Minutes | Live Demo
6:35
Figma MCP - From Design to Production Code in Minutes | Live Demo
7.8K views9 months ago
YouTubeDesign Xstream
How to Turn Figma Designs into Live Websites in 10 Minutes!
14:39
How to Turn Figma Designs into Live Websites in 10 Minutes!
155.2K views8 months ago
YouTubeWebsite Learners
Figma VSCode Extension!! Convert Design to Code!
12:29
Figma VSCode Extension!! Convert Design to Code!
269.3K viewsJun 26, 2023
YouTubeCoderOne
Figma to React Code in Seconds : Convert Designs to Code with AI & V0!
4:50
Figma to React Code in Seconds : Convert Designs to Code with AI & V0!
14.3K viewsFeb 24, 2025
YouTubeEdward Chechique
Figma Tutorial for UI Design - Course for Beginners
10:16:51
Figma Tutorial for UI Design - Course for Beginners
2.1M viewsJan 5, 2022
YouTubefreeCodeCamp.org
How to use Figma Make | AI Tool that Designs for You | Complete Tutorial
14:07
How to use Figma Make | AI Tool that Designs for You | Complete Tutorial
9.6K views8 months ago
YouTubeCodecademy
Figma Tutorial | Beginners' Quick Start Guide
47:30
Figma Tutorial | Beginners' Quick Start Guide
31.7K viewsFeb 21, 2024
YouTubeEnvato Tuts+
Figma Design for Beginners
1:00
Figma Design for Beginners
60.3K views9 months ago
YouTubeFigma
Turn Figma Designs into Code Instantly with Claude
0:37
Turn Figma Designs into Code Instantly with Claude
11K views8 months ago
YouTubeOutright Systems
Setting up your Figma Design File for High Quality Code
13:45
Setting up your Figma Design File for High Quality Code
4.8K viewsMar 8, 2025
YouTubeLocofy
See more