Build a Figma Design System With AI and Code
21:00
YouTubeThe Design Project
Build a Figma Design System With AI and Code
If you want to build design systems faster with AI while keeping Figma as your source of truth, this workflow shows you how to create a component library with code. Get our skills for free (PRD skill, Extract DS, and more) → https://designproject.io/skills-repo/?utm_source=youtube&utm_medium=video&utm_campaign=figma_code_ds&utm_content ...
20.1K views2 months ago
Shorts
How to Design and Code with Claude Code and Figma MCP in 50 Min | Felix Lee
50:16
48.4K views
How to Design and Code with Claude Code and Figma MCP in 50 Min | Felix Lee
Peter Yang
Convert Figma Designs to Code with AI
5:01
26.8K views
Convert Figma Designs to Code with AI
Builder
Figma Tutorial
Getting started with Figma Weave, made a little easier with Mallory Dean
2:58
Getting started with Figma Weave, made a little easier with Mallory Dean
YouTubeFigma
6.7K views1 month ago
Prompting gen plugins for beginners | Figma
2:58
Prompting gen plugins for beginners | Figma
YouTubeFigma
12.7K views1 month ago
Make a pan, zoom, and rotate path animation with Figma Motion
3:00
Make a pan, zoom, and rotate path animation with Figma Motion
YouTubeFigma
15.2K views1 month ago
Top videos
Figma to Code: How to Convert Figma Designs into Responsive Code using MagicPath
7:58
Figma to Code: How to Convert Figma Designs into Responsive Code using MagicPath
YouTubeLukas Margerie
14.9K views6 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
YouTubeSergei Chyrkov
64.5K views9 months ago
Figma Design System + Screens using Claude Code - FULL COURSE
13:13
Figma Design System + Screens using Claude Code - FULL COURSE
YouTubeAverage Design Dude
25K views5 months ago
Figma Design Tips
Easily animate loaders with the arc tool and Figma Motion
3:00
Easily animate loaders with the arc tool and Figma Motion
YouTubeFigma
13.6K views1 month ago
Turns out animation principle charades are harder than it sounds
1:28
Turns out animation principle charades are harder than it sounds
YouTubeFigma
4K views1 month ago
Where does design really start?
1:51
Where does design really start?
YouTubeFigma
3.4K views1 month ago
Figma to Code: How to Convert Figma Designs into Responsive Code using MagicPath
7:58
Figma to Code: How to Convert Figma Designs into Responsive Code using MagicPath
14.9K views6 months ago
YouTubeLukas Margerie
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
64.5K views9 months ago
YouTubeSergei Chyrkov
Figma Design System + Screens using Claude Code - FULL COURSE
13:13
Figma Design System + Screens using Claude Code - FULL COURSE
25K views5 months ago
YouTubeAverage Design Dude
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
48.4K views5 months ago
YouTubePeter Yang
Convert Figma Designs to Code with AI
5:01
Convert Figma Designs to Code with AI
26.8K views11 months ago
YouTubeBuilder
Figma to Codex/Claude Code in under 5 Minutes
5:22
Figma to Codex/Claude Code in under 5 Minutes
6.4K views3 months ago
YouTubeLukas Margerie
HOW TO EXPORT A FIGMA DESIGN TO CODE (STEP-BY-STEP GUIDE 2026)
2:23
HOW TO EXPORT A FIGMA DESIGN TO CODE (STEP-BY-STEP GUIDE 2026)
46 views1 month ago
YouTubeLearn With Igor
18:40
Figma Basics Tutorial for Beginners (Free Design Tool!)
97.2K viewsMar 10, 2020
YouTubeCodeWithChris
13:43
Codex + Figma MCP: Build a Design System in 13 Minutes!
14.2K views4 months ago
YouTubeNehmat Gereige | AI-Design Professor
4:52
Figma Code Connect explained in 5 minutes (MCP + design systems) | Dev Mindset
13.6K views2 months ago
YouTubeFigma
6:56
The New Figma Workflow - Code to Design & Vice Versa
34.9K views5 months ago
YouTubeDesignCourse
8:06
Code to Canvas: Codex | Figma
14.5K views6 months ago
YouTubeFigma
4:06
From code to design layers with variables attached
7.3K views1 month ago
YouTubeFigma
5:46
Convert Your Figma Design into Code in 2 minutes!
862 views5 months ago
YouTubeCRMOZ
21:38
Design Systems for Beginners (Claude Code + Figma)
26.5K views4 months ago
YouTubeThe Design Project
6:09
Figma to Code in 2 Minutes (No Dev Mode Required!) | Claude AI 2026
1.9K views2 months ago
YouTubeHabeebz
5:40
Turn Any Figma Design into a Full Website Using AI (Claude Code)
1.3K views2 months ago
YouTubeWeb Tech Knowledge
See more
Static thumbnail place holder