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 + developer workflows | design systems, Code Connect, MCP, and Make
29:46
Figma + developer workflows | design systems, Code Connect, MCP, and Make
YouTubeFigma
83.6K 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
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 Tutorial For Beginners 2026 | Figma Web Design Design Tutorial | Figma Tutorial| Simplilearn
1:20:34
Figma Tutorial For Beginners 2026 | Figma Web Design Design Tutorial | Figma Tutorial| Simplilearn
YouTubeSimplilearn
7.1K views3 months 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 + developer workflows | design systems, Code Connect, MCP, and Make
29:46
Figma + developer workflows | design systems, Code Connect, M…
83.6K views6 months 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
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 C…
11.3K views2 months ago
YouTubeLukas Margerie
Claude Code to Figma
3:20
Claude Code to Figma
125.5K views2 months ago
YouTubeFigma
Code to Canvas: Claude Code | Figma
8:03
Code to Canvas: Claude Code | Figma
41.2K views2 months ago
YouTubeFigma
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
8:49
Claude Code + Figma Design System (Designer Workflow Test)
39.5K views1 month ago
YouTubeUI Collective
1:02:10
Figma x Claude Code Live: Roundtrip workflows with Figma …
31.2K views1 month ago
YouTubeFigma
50:16
How to Design and Code with Claude Code and Figma MCP in 5…
39.5K views1 month ago
YouTubePeter Yang
14:34
Claude + Figma = Design System Components
27.2K views1 month ago
YouTubeSergei Chyrkov
1:26:55
2026 Figma Crash Course - Brand & UI/UX Design
37.5K views4 months ago
YouTubeDesignCourse
9:35
Two Way Claude Code + Figma in 10 minutes
31.4K views2 months ago
YouTubeAM Design
8:06
Code to Canvas: Codex | Figma
8.7K views2 months ago
YouTubeFigma
10:25
Turn Figma Designs to Production UI Code | Claude Code + Figma M…
11.2K views3 months ago
YouTubeAI Builder Space
13:43
Codex + Figma MCP: Build a Design System in 13 Minutes!
2.1K views2 weeks ago
YouTubeNehmat Gereige | AI-Design Professor
9:38
How I Build a Production-Ready Design System with AI | Figma Make
90.2K views3 months ago
YouTubeAI Builder Space
11:55
How to design in Figma with AI! (Claude Code + Codex)
4.6K views1 month ago
YouTubeevin_svg
17:43
Figma & Claude Just Changed UI Design Forever
72.5K views1 month ago
YouTubeSergei Chyrkov
16:50
OpenAI Codex + Figma MCP Setup for Designers
16.1K views2 months ago
YouTubeNehmat Gereige | AI-Design Professor
10:08
Claude Code + Figma MCP Is The Greatest AI Design System I've Ev…
114.1K views2 months ago
YouTubeWorldofAI
19:31
Claude + Figma MCP — Updated Setup for Designers
46.5K views2 months ago
YouTubeNehmat Gereige | AI-Design Professor
26:24
Claude Code for Designers (Full Overview)
60.8K views1 month ago
YouTubeUI Collective
9:55
How to Use Figma AI To Make Sites 10X More Beautiful
167.4K views6 months ago
YouTubeAI LABS
8:40
I Built My Entire Design System in 4 Hours With AI. Full Tutorial (Claud…
209K views5 months ago
YouTubeThe Design Project
49:30
Figma Live: Figma MCP x OpenAI Codex
14.8K views5 months ago
YouTubeFigma
1:08:38
VS Code Live - Code with Context using Figma MCP Server
16.4K views6 months ago
YouTubeVisual Studio Code
5:01
Convert Figma Designs to Code with AI
16.2K views7 months ago
YouTubeBuilder
1:22
Design to Production Code with Figma MCP 🚀
3.3K views4 months ago
YouTubeDesign Xstream
See more videos
Static thumbnail place holder