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 ...
已浏览 5万 次4 个月之前
短视频
Turn code into editable designs in Figma with seamless sync to production. #design #figma
1:02
已浏览 894 次
Turn code into editable designs in Figma with seamless sync to
Pavel
Design-to-Code Workshop with Claude Code, Cursor & Figma (Friends of Figma Miami - 2026)
2:30
已浏览 1373 次
Design-to-Code Workshop with Claude Code, Cursor & Figma (Friends of Figma
The Design Project
Figma Tutorial
Figma Tutorial for Beginners - Complete Course 2025
1:54:38
Figma Tutorial for Beginners - Complete Course 2025
YouTubeAverage Design Dude
已浏览 23.4万 次2025年2月22日
Figma Tutorial for Beginners
1:13:17
Figma Tutorial for Beginners
YouTubeKevin Stratvert
已浏览 105.5万 次2024年4月11日
Figma Tutorial for Beginners (13-min crash course!)
13:22
Figma Tutorial for Beginners (13-min crash course!)
YouTubeFlux Academy
已浏览 95.4万 次2024年11月27日
热门视频
Figma Design System + Screens using Claude Code - FULL COURSE
13:13
Figma Design System + Screens using Claude Code - FULL COURSE
YouTubeAverage Design Dude
已浏览 8896 次2 周前
I built Real Design System Components with Claude Code in Figma
14:34
I built Real Design System Components with Claude Code in Figma
YouTubeSergei Chyrkov
已浏览 1.6万 次2 周前
Claude Code to Figma
3:20
Claude Code to Figma
YouTubeFigma
已浏览 7.9万 次2 个月之前
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
已浏览 63 次3 周前
HOW TO CONVERT FIGMA DESIGN TO HTML AND CSS 2026! (FULL GUIDE)
1:37
HOW TO CONVERT FIGMA DESIGN TO HTML AND CSS 2026! (FULL GUIDE)
YouTubeLearn Vault
已浏览 27 次5 个月之前
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
已浏览 2675 次5 个月之前
Figma Design System + Screens using Claude Code - FULL COURSE
13:13
Figma Design System + Screens using Claude Code - FULL COURSE
已浏览 8896 次2 周前
YouTubeAverage Design Dude
I built Real Design System Components with Claude Code in Figma
14:34
I built Real Design System Components with Claude Code in Figma
已浏览 1.6万 次2 周前
YouTubeSergei Chyrkov
Claude Code to Figma
3:20
Claude Code to Figma
已浏览 7.9万 次2 个月之前
YouTubeFigma
Two Way Claude Code + Figma in 10 minutes
9:35
Two Way Claude Code + Figma in 10 minutes
已浏览 2.8万 次1 个月前
YouTubeAM Design
Code to Canvas: Claude Code | Figma
8:03
Code to Canvas: Claude Code | Figma
已浏览 3.8万 次1 个月前
YouTubeFigma
Code → Figma — This Changes UI Development
16:22
Code → Figma — This Changes UI Development
已浏览 3.4万 次1 个月前
YouTubeSergei Chyrkov
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
已浏览 2.7万 次3 周前
YouTubePeter Yang
8:06
Code to Canvas: Codex | Figma
已浏览 3364 次1 个月前
YouTubeFigma
11:55
How to design in Figma with AI! (Claude Code + Codex)
已浏览 3959 次3 周前
YouTubeevin_svg
19:12
Claude Code + Figma Builds Insane Websites (New MCP Connector)
已浏览 2.3万 次1 个月前
YouTubeBuild Great Products
10:25
Turn Figma Designs to Production UI Code | Claude Code + Figma MCP + Storybook
已浏览 9209 次2 个月之前
YouTubeAI Builder Space
7:58
Figma to Code: How to Convert Figma Designs into Responsive Code using MagicPath
已浏览 9288 次1 个月前
YouTubeLukas Margerie
15:01
Figma Designs to Code with MagicPath (No MCP Setup)
已浏览 6547 次2 个月之前
YouTubeSergei Chyrkov
9:38
How I Build a Production-Ready Design System with AI | Figma Make
已浏览 8.5万 次2 个月之前
YouTubeAI Builder Space
8:49
Claude Code + Figma Design System (Designer Workflow Test)
已浏览 4.1万 次3 周前
YouTubeUI Collective
16:50
OpenAI Codex + Figma MCP Setup for Designers
已浏览 1.2万 次1 个月前
YouTubeNehmat Gereige | AI-Design Professor
2:16
Tutorial: Claude Code designs for me in Figma ❌ No MCP needed
已浏览 4547 次1 个月前
YouTubeInto Design Systems
58:00
Figma for Edu: Figma Design and Figma Make, back to basics
已浏览 3783 次1 个月前
YouTubeFigma
16:10
Design with Claude Code: The Designer’s Guide
已浏览 20.1万 次1 个月前
YouTubeUI Collective
10:08
Claude Code + Figma MCP Is The Greatest AI Design System I've Ever Used!
已浏览 10.5万 次1 个月前
YouTubeWorldofAI
1:56
How designers prototype using the Codex app and Figma
已浏览 4.8万 次2 个月之前
YouTubeOpenAI
5:36
Going from Claude Code to Figma and BACK! Demo
已浏览 6.2万 次1 个月前
YouTubeDesignCourse
9:54
Claude Code NEW Design Canvas With Built-In Figma That's FREE! (Pencil.dev)
已浏览 2.5万 次1 个月前
YouTubeWorldofAI
9:41
Figma tutorial: Intro to Figma Make
已浏览 10.4万 次4 个月之前
YouTubeFigma
29:46
Figma + developer workflows | design systems, Code Connect, MCP, and Make
已浏览 6.3万 次5 个月之前
YouTubeFigma
18:38
Figma Make Tutorial - Create an AI-Powered Prototype
已浏览 5.1万 次4 个月之前
YouTubeDesignCourse
22:34
Free Figma Make Course for Beginners 2026 | UI/UX Design (Figma Tutorial)
已浏览 1.9万 次2 个月之前
YouTubeDesignWithArash
3:46
Figma Make Tutorial 2026
已浏览 1.3万 次5 个月之前
YouTubeCodex Community
20:11
Design to Code: Figma Variables to React JS Design System
已浏览 3817 次4 个月之前
YouTubeSergei Chyrkov
展开