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
47.2K views4 months ago
YouTubeSergei Chyrkov
Convert Figma Designs to Code with AI
5:01
Convert Figma Designs to Code with AI
17.8K views6 months ago
YouTubeBuilder
How To Link Figma To VSCode ! (Full Tutorial)
8:27
How To Link Figma To VSCode ! (Full Tutorial)
17K viewsDec 18, 2023
YouTubeEasy Solution
One-Click AI Web Development Tutorial - Learn how to Turn Figma Designs into Working Code using AI
1:29:35
One-Click AI Web Development Tutorial - Learn how to Turn Figm…
130.9K viewsApr 11, 2024
YouTubefreeCodeCamp.org
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
How To Link Figma To VSCode 2025! Full Guide
1:28
How To Link Figma To VSCode 2025! Full Guide
22 views4 months ago
YouTubeThe More You Know
7:07
Build a fullstack app in 7 minutes with v0 (Figma to code)
240.1K viewsDec 17, 2024
YouTubeVercel
3:14:27
Figma Course - Web Design Tutorial for Beginners
531K viewsSep 1, 2021
YouTubefreeCodeCamp.org
6:23:02
How to Turn Figma Designs into code with Next.js, Tailwind CSS, S…
24.6K viewsMar 6, 2025
YouTubeSylvaincodes
15:49
Converting Figma designs with Cursor MCP
128.6K viewsMar 9, 2025
YouTubeCoderOne
17:14
Figma Make or Figma MCP? — Design to Code Tutorial
16K views5 months ago
YouTubeSergei Chyrkov
14:07
How to use Figma Make | AI Tool that Designs for You | Complete T…
9.9K views8 months ago
YouTubeCodecademy
5:20
Claude Code + Figma MCP Server for Design to Code
79.6K views7 months ago
YouTubeBuilder
6:35
Figma MCP - From Design to Production Code in Minutes | Live …
7.9K views9 months ago
YouTubeDesign Xstream
4:34
Turn Figma designs into full stack apps with AI
595.4K viewsJan 22, 2025
YouTubeSteve (Builder.io)
1:25:39
Build a Design System! Ep. 1: Figma Tokens & Variables Setup
253.1K viewsAug 22, 2024
YouTubeUI Collective
9:41
Figma tutorial: Intro to Figma Make
99.4K views4 months ago
YouTubeFigma
4:43
Create code from designs with the Dev Mode MCP server | Figma
30.6K views9 months ago
YouTubeFigma
18:38
Figma Make Tutorial - Create an AI-Powered Prototype
49.6K views4 months ago
YouTubeDesignCourse
31:25
Framework: Creating a more connected design system with Co…
53.4K viewsApr 19, 2024
YouTubeFigma
36:35
Figma Tutorial - A Free UI Design/Prototyping Tool. It's awes…
1.6M viewsApr 30, 2018
YouTubeDesignCourse
31:58
Figma tutorial: Animated Landing Page with Login and Register figma
350.9K viewsJun 22, 2023
YouTubeVidscape Code
35:26
Figma tutorial : Designing a full Website with Scrolling Animation i…
437.4K viewsApr 18, 2024
YouTubeVidscape Code
13:22
Figma Tutorial for Beginners (13-min crash course!)
930.5K viewsNov 27, 2024
YouTubeFlux Academy
16:09
How to Convert Figma Design to HTML CSS | Figma to HTML CSS T…
81.6K viewsOct 7, 2024
YouTubeSimplilearn
6:20
Learn Figma Make in 6 Minutes (Beginner Tutorial)
35.5K views9 months ago
YouTubeEdward Chechique
17:56
🔥 Figma Make Tutorial: Build Prototypes from Prompts in Minutes
11.3K views10 months ago
YouTubeNehmat Gereige | Design Professor
11:38
Design to Code in 1 Click! Figma Make AI Tutorial (Full Tutorial)
1.8K views9 months ago
YouTubeRaouf Belakhdar
4:55
Figma to Code: The Ultimate Guide (with FREE Resources)
2K views9 months ago
YouTubeThe Metaverse Guy
See more videos
Static thumbnail place holder

Short videos

0:37
Turn Figma Designs into Code Instantly with Claude
11K views8 months ago
YouTubeOutright Systems
2:48
Bolt Easily Converts Figma Designs Into CODE
970 viewsMar 24, 2025
YouTubeHustling Labs
0:20
The Easiest Way to Turn Figma Designs Into Real C…
25.8K views6 months ago
YouTubeAltaf Rahman | Tamil Website Tutorials
0:52
Turn Any Figma Design into React Code in 60 Seconds!
2K views1 month ago
YouTubeTechie Programmer
0:34
5 ChatGPT Secret Codes to 10x Your Output
3.7M views3 weeks ago
TikTokmaverickgpt
0:40
Claude Code is insane. Turn Figma into code instantly.
1.6K views6 months ago
YouTubeIsiqat
1:28
How to Copy a Figma Design Into Code
415 views7 months ago
YouTubeMikey Itua
0:54
Figma to HTML and CSS - Codigma v2.0 Detailed Step…
285 views8 months ago
YouTubeRast Mobile
1:02
How to turn designs into real code using Figma Make! #p…
65.2K views9 months ago
YouTubeBuild With Fede
1:11
Turn Figma Designs Into Code Instantly With This T…
5.2K views7 months ago
YouTubeThe Metaverse Guy
2:20
How to setup the desktop Figma MCP server in your …
260.8K views6 months ago
YouTubeFigma
0:28
Claude to figma
7K views4 weeks ago
YouTubeNolan Perkins
0:53
Figma to Python GUI in SECONDS? This Tool Chan…
4.3K viewsSep 29, 2024
YouTubeProxlight
0:18
Figma Tutorial for Beginners | Learn UI Design Basics St…
1.2K views8 months ago
YouTubeSmart Code School
1:00
Import HTML and CSS code into Figma! Open layer desi…
14.9K viewsJul 23, 2024
YouTubeKimo
0:48
How to create clickable prototypes in Figma?
812 viewsJan 14, 2025
YouTubeKnowHow Academy
0:31
How to Turn Claude Code Into Figma Designs (Code t…
2K views3 weeks ago
YouTubeAkanksha
0:48
This AI Builds Full Figma Pages in Seconds
1.5K views4 months ago
YouTubeAlexdev
0:40
Capek Re-design Komponen di Figma? Let AI do it!
171 views2 weeks ago
YouTubeArijal UX
1:40
Use Figma CMS to build your website! - Figma Site CMS
326 views3 months ago
YouTubeKimo
Static thumbnail place holder