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 ...
52.6K views5 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
Transform Figma Designs to Code in 10 Minutes
0:31
264K views
Transform Figma Designs to Code in 10 Minutes
marcelodesignx
Figma Tutorial
Complete Figma AI Course for Beginners 2026
1:58:38
Complete Figma AI Course for Beginners 2026
YouTubeThe Cutting Edge School
28.9K views1 week ago
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
Top videos
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
209K views5 months ago
Figma tutorial: Intro to Figma Make
9:41
Figma tutorial: Intro to Figma Make
YouTubeFigma
121.2K views5 months ago
How to Design and Code with Claude Code and Figma MCP in 50 Min | Felix Lee
50:16
How to Design and Code with Claude Code and Figma MCP in 50 Min | Felix Lee
YouTubePeter Yang
38.7K views1 month ago
Figma to HTML/CSS
How to Convert Figma Design to HTML and CSS (Full Guide 2026)
1:17
How to Convert Figma Design to HTML and CSS (Full Guide 2026)
YouTubeGUMY Art
208 views1 month ago
How To Convert Figma Design To HTML and CSS - Step By Step
1:19
How To Convert Figma Design To HTML and CSS - Step By Step
YouTubeMindly Nova
2.7K views5 months ago
How to Convert Figma Design to HTML and CSS - Beginner Tutorial 2026
1:05
How to Convert Figma Design to HTML and CSS - Beginner Tutorial 2026
YouTubeGUMY Tutorials
470 views5 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)
209K views5 months ago
YouTubeThe Design Project
Figma tutorial: Intro to Figma Make
9:41
Figma tutorial: Intro to Figma Make
121.2K views5 months ago
YouTubeFigma
How to Design and Code with Claude Code and Figma MCP in 50 Min | Felix Lee
50:16
How to Design and Code with Claude Code and Figma MCP in 50 Min | Felix Lee
38.7K views1 month ago
YouTubePeter Yang
Two Way Claude Code + Figma in 10 minutes
9:35
Two Way Claude Code + Figma in 10 minutes
31.1K views2 months ago
YouTubeAM Design
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
Web Design in Figma for Beginners | Create a Clean Modern Website UI #aicoding #aitools
0:26
Web Design in Figma for Beginners | Create a Clean Modern Website UI #aicoding #aitools
7 hours ago
YouTubeTechishweb
Design System Magic: Figma to Claude, Code Creation Made Easy! #shorts
0:41
Design System Magic: Figma to Claude, Code Creation Made Easy! #shorts
84 views5 days ago
YouTubeUNKNW Design Ninjas
29:46
Figma + developer workflows | design systems, Code Connect, MCP, and Make
83.6K views6 months ago
YouTubeFigma
How to Use AI to Generate Figma Screens From Your Design System | Chethan KVS
15.3K views1 day ago
linkedin.com
13:22
Figma Tutorial for Beginners (13-min crash course!)
1M viewsNov 27, 2024
YouTubeFlux Academy
3:20
Claude Code to Figma
125.5K views2 months ago
YouTubeFigma
12:29
Intro to Figma Make (Tutorial)
106.7K views9 months ago
YouTubeFigma
8:03
Code to Canvas: Claude Code | Figma
41.2K views2 months ago
YouTubeFigma
5:01
Convert Figma Designs to Code with AI
16.2K views7 months ago
YouTubeBuilder
9:55
How to Use Figma AI To Make Sites 10X More Beautiful
167.4K views6 months ago
YouTubeAI LABS
10:08
Claude Code + Figma MCP Is The Greatest AI Design System I've Ever Used!
114.1K views2 months ago
YouTubeWorldofAI
6:20
Learn Figma Make in 6 Minutes (Beginner Tutorial)
36.6K views11 months ago
YouTubeEdward Chechique
11:38
Design to Code in 1 Click! Figma Make AI Tutorial (Full Tutorial)
1.8K views11 months ago
YouTubeRaouf Belakhdar
10:25
Turn Figma Designs to Production UI Code | Claude Code + Figma MCP + Storybook
11.2K views3 months ago
YouTubeAI Builder Space
1:05:42
Complete TOURIST Website Design in Figma | Website Inspiration I Figma 2026 | UI/UX Design
3 hours ago
YouTubeEjike
3:37
Figma Toggle Button Tutorial / Modern UI/UX Design Step by Step
4 views5 hours ago
YouTubeAneesh Design studio
7:58
How To Use AI To Convert Figma into Code
131.6K viewsJan 8, 2025
YouTubecorbin
0:21
Don't Build Your Figma Design System from Scratch — Do This Instead 🤯🔥 #design #scratch #system
286 views10 hours ago
YouTubeUIUX Abhishek
3:46
Figma Make Tutorial 2026
10.2K views5 months ago
YouTubeCodex Community
1:29:35
One-Click AI Web Development Tutorial - Learn how to Turn Figma Designs into Working Code using AI
131.1K viewsApr 11, 2024
YouTubefreeCodeCamp.org
18:38
Figma Make Tutorial - Create an AI-Powered Prototype
52.2K views5 months ago
YouTubeDesignCourse
6:56
The New Figma Workflow - Code to Design & Vice Versa
31.5K views1 month ago
YouTubeDesignCourse
7:20
How to Create a Mobile App with Figma! (Full tutorial 2026)
5.1K views2 months ago
YouTubeEasy AI Coding
9:38
How I Build a Production-Ready Design System with AI | Figma Make
90.2K views3 months ago
YouTubeAI Builder Space
See more