Figma Design System + Screens using Claude Code - FULL COURSE
13:13
YouTubeAverage Design Dude
Figma Design System + Screens using Claude Code - FULL COURSE
In this full course, I show you how to connect Claude Code to Figma and use it to design directly inside the Figma canvas. You will see a practical workflow for creating variables, building a button component, and designing a login page using AI inside Figma. 👉Get my Prompts here: https://averagedesigndude.gumroad.com/l/lgpqcs 👉Complete ...
8.9K views1 month ago
Shorts
‪@Figma‬ Why Design is the New Code (Visual-First Workflows)
0:10
1.2K views
‪@Figma‬ Why Design is the New Code (Visual-First Workflows)
Capital Visionary
Design to Production Code with Figma MCP 🚀
1:22
3.3K views
Design to Production Code with Figma MCP 🚀
Design Xstream
Figma Tutorial
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
Figma Tutorial for Beginners - Complete Course 2025
1:54:38
Figma Tutorial for Beginners - Complete Course 2025
YouTubeAverage Design Dude
245.7K viewsFeb 22, 2025
Top videos
The New Figma Workflow - Code to Design & Vice Versa
6:56
The New Figma Workflow - Code to Design & Vice Versa
YouTubeDesignCourse
31.5K views1 month ago
Figma x Claude Code Live: Roundtrip workflows with Figma MCP
1:02:10
Figma x Claude Code Live: Roundtrip workflows with Figma MCP
YouTubeFigma
31.2K views1 month 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
52.6K views5 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
5.7K views1 month ago
Figma Make Tutorial & Best Practice Guide | Figma AI 2026
17:18
Figma Make Tutorial & Best Practice Guide | Figma AI 2026
YouTubeTD Sunshine
22.1K views1 month ago
Figma Buzz now has Approvals
3:13
Figma Buzz now has Approvals
YouTubeFigma
4.1K views1 month ago
The New Figma Workflow - Code to Design & Vice Versa
6:56
The New Figma Workflow - Code to Design & Vice Versa
31.5K views1 month ago
YouTubeDesignCourse
Figma x Claude Code Live: Roundtrip workflows with Figma MCP
1:02:10
Figma x Claude Code Live: Roundtrip workflows with Figma MCP
31.2K views1 month ago
YouTubeFigma
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
52.6K views5 months ago
YouTubeSergei Chyrkov
Claude Code + Figma Design System (Designer Workflow Test)
8:49
Claude Code + Figma Design System (Designer Workflow Test)
39.5K views1 month ago
YouTubeUI Collective
Claude + Figma = Design System Components
14:34
Claude + Figma = Design System Components
27.2K views1 month ago
YouTubeSergei Chyrkov
Figma MCP AI Course for Beginners (Design to Code with Context)
10:38
Figma MCP AI Course for Beginners (Design to Code with Context)
31.1K views3 months ago
YouTubeThe Cutting Edge School
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
3:20
Claude Code to Figma
125.5K views2 months ago
YouTubeFigma
8:03
Code to Canvas: Claude Code | Figma
41.2K views2 months ago
YouTubeFigma
1:26:55
2026 Figma Crash Course - Brand & UI/UX Design
37.5K views4 months ago
YouTubeDesignCourse
7:58
Figma to Code: How to Convert Figma Designs into Responsive Code using MagicPath
11.3K views2 months ago
YouTubeLukas Margerie
8:06
Code to Canvas: Codex | Figma
8.7K views2 months ago
YouTubeFigma
13:43
Codex + Figma MCP: Build a Design System in 13 Minutes!
2.1K views2 weeks ago
YouTubeNehmat Gereige | AI-Design Professor
11:55
How to design in Figma with AI! (Claude Code + Codex)
4.6K views1 month ago
YouTubeevin_svg
1:22
Design to Production Code with Figma MCP 🚀
3.3K views4 months ago
YouTubeDesign Xstream
9:35
Two Way Claude Code + Figma in 10 minutes
31.4K views2 months ago
YouTubeAM Design
10:08
Claude Code + Figma MCP Is The Greatest AI Design System I've Ever Used!
114.1K views2 months ago
YouTubeWorldofAI
17:43
Figma & Claude Just Changed UI Design Forever
72.5K views1 month ago
YouTubeSergei Chyrkov
40:22
How Figma engineers sync designs with Claude Code and Codex
19.6K views2 months ago
YouTubeHow I AI
42:49
Design-to-Code Workshop with Claude Code, Cursor & Figma (Friends of Figma Miami - Feb 2026)
6.6K views2 months ago
YouTubeThe Design Project
12:33
Finally Connect Your Figma Design System to Claude | Figma MCP Tutorial
13K views1 month ago
YouTubeNehmat Gereige | AI-Design Professor
14:58
How to Design With Claude Code (It's OVER for Figma)
93.7K views2 months ago
YouTubeRiley Brown
26:24
Claude Code for Designers (Full Overview)
60.8K views1 month ago
YouTubeUI Collective
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
29:46
Figma + developer workflows | design systems, Code Connect, MCP, and Make
83.6K views6 months ago
YouTubeFigma
9:38
How I Build a Production-Ready Design System with AI | Figma Make
90.2K views3 months ago
YouTubeAI Builder Space
9:54
Claude Code NEW Design Canvas With Built-In Figma That's FREE! (Pencil.dev)
25.4K views2 months ago
YouTubeWorldofAI
49:30
Figma Live: Figma MCP x OpenAI Codex
14.8K views5 months ago
YouTubeFigma
10:25
Turn Figma Designs to Production UI Code | Claude Code + Figma MCP + Storybook
11.2K views3 months ago
YouTubeAI Builder Space
See more