طريقة استخدام ميزة Code Connect لتحويل التصاميم إلى كود في Figma
15:18
طريقة استخدام ميزة Code Connect لتحويل التصاميم إلى كود في Figma
3.1K views3 weeks ago
YouTubeAhmad Sekmani
Figma + developer workflows | design systems, Code Connect, MCP, and Make
29:46
Figma + developer workflows | design systems, Code Connect, MCP, and Make
83.6K views6 months ago
YouTubeFigma
Framework: Creating a more connected design system with Code Connect
31:25
Framework: Creating a more connected design system with Code Connect
54.7K viewsApr 19, 2024
YouTubeFigma
Connect Claude Code to Figma Design System | Designer Workflow Task Test
11:27
Connect Claude Code to Figma Design System | Designer Workflow Task Test
9.1K views1 month ago
YouTubeTD Sunshine
Figma Code Connect UI
9:02
Figma Code Connect UI
86 views2 months ago
YouTubekulturbanause
Figma Design System + Screens using Claude Code - FULL COURSE
13:13
Figma Design System + Screens using Claude Code - FULL COURSE
17.6K views1 month ago
YouTubeAverage Design Dude
Ultimate Crash Course Claude + Figma | Generate Designs | Build fully interactive screens
19:29
Ultimate Crash Course Claude + Figma | Generate Designs | Build fully interactive screens
13.1K views2 months ago
YouTubeUX Alok
6:19
Claude Code and Figma Two-Way Connection: From Code to Design and Back
6.1K views2 months ago
YouTubeNick Babich
6:26
Connect Figma MCP to Visual Studio Code | Full Setup Guide
1.7K views1 month ago
YouTubeTech Jitendra Nadol
11:31
Claude Code for Designers in 10 Minutes
78.9K views2 months ago
YouTubeAdrien | AI Designer
18:18
Design to Code with Figma MCP and Cursor | Step-by-Step Tutorial
55.2K views5 months ago
YouTubeSergei Chyrkov
16:22
Code → Figma — This Changes UI Development
44.8K views2 months ago
YouTubeSergei Chyrkov
6:56
The New Figma Workflow - Code to Design & Vice Versa
31.5K views1 month ago
YouTubeDesignCourse
1:02:10
Figma x Claude Code Live: Roundtrip workflows with Figma MCP
32K views1 month ago
YouTubeFigma
7:58
Figma to Code: How to Convert Figma Designs into Responsive Code using MagicPath
12.5K views3 months ago
YouTubeLukas Margerie
8:06
Code to Canvas: Codex | Figma
8.7K views2 months ago
YouTubeFigma
3:40
Claude Code + Figma MCP in VS Code 🔥 Full Setup & Workflow Guide - 2026
213 views1 month ago
YouTubeWebTopTemp
1:19
Code to Canvas with Figma and Augment Code
616 views2 months ago
YouTubeAugment Code
1:22
Connect Figma MCP to VS Code in 40 sec | How to connect figma mcp in vscode #figma #figmamcp
67 views1 month ago
YouTubeTech Jitendra Nadol
1:00:07
VS Code Live: Code to Canvas with Figma MCP and GitHub Copilot
11.1K views2 months ago
YouTubeVisual Studio Code
12:56
Codex + Figma MCP: Updated Setup for Designers | New Plugin & Skills
5.9K views1 month ago
YouTubeNehmat Gereige | AI-Design Professor
1:10
Figma MCP Setup That Actually Works #figma #tutorial #shorts
405 views1 month ago
YouTubeCRMOZ
14:34
Claude + Figma = Design System Components
27.2K views1 month ago
YouTubeSergei Chyrkov
1:12:33
From Figma to Claude Code: The AI Workflow Designers Are Missing
1.8K views3 weeks ago
YouTubeDesign Pilot
8:03
Code to Canvas: Claude Code | Figma
41.2K views2 months ago
YouTubeFigma
10:38
Figma MCP AI Course for Beginners (Design to Code with Context)
31.1K views3 months ago
YouTubeThe Cutting Edge School
1:56
How designers prototype using the Codex app and Figma
50.9K views3 months ago
YouTubeOpenAI
19:12
Claude Code + Figma Builds Insane Websites (New MCP Connector)
27.5K views2 months ago
YouTubeBuild Great Products
10:25
Turn Figma Designs to Production UI Code | Claude Code + Figma MCP + Storybook
11.2K views3 months ago
YouTubeAI Builder Space
1:08:38
VS Code Live - Code with Context using Figma MCP Server
16.4K views7 months ago
YouTubeVisual Studio Code
See more
Static thumbnail place holder

Short videos

1:10
Figma design to production code in minutes #figma #cursor #tutorial
483 views1 month ago
YouTubeCRMOZ
1:10
Figma MCP Setup That Actually Works #figma #tutorial #shorts
405 views1 month ago
YouTubeCRMOZ
1:22
Connect Figma MCP to VS Code in 40 sec | How to connect figma mcp in vscode
67 views1 month ago
YouTubeTech Jitendra Nadol
1:41
Setting Up Figma MCP Server in VS Code
6.4K views1 month ago
YouTubeMicrosoft Developer
0:40
Create Figma Prototypes with Silk by @Netguru
289.1K views2 months ago
TikTokdesignvoodoo
1:10
Project Lois: Practical Figma MCP & Claude Code Workflow for Designers #ai
1.6K views1 month ago
YouTubeLois Dagana
0:40
How to Get Work Done by Connecting Figma to Claude Code - Utilizing MCP
41.6K views2 months ago
YouTube피튜브
1:02
Turn code into editable designs in Figma with seamless sync to production. #design #figma
904 views2 months ago
YouTubePavel
0:47
This is how professionals build from Figma #webdev #cursor #design
407 views1 month ago
YouTubeCRMOZ
1:13
Tried the updated Figma MCP and the results are shocking.
190 views1 month ago
YouTubeDeepika Rao
0:46
Claude + Figma is a CHEAT CODE for Design🪄 #claude #ai #webdesign #figma #aitools
1.5K views3 weeks ago
YouTubeSyed Saahab
0:39
How to Connect Anti-Gravity to Figma 🔗
4.5K views2 months ago
YouTubeJay E | RoboNuggets
0:52
Turn Any Figma Design into React Code in 60 Seconds!
2.2K views3 months ago
YouTubeTechie Programmer
1:22
Design to Production Code with Figma MCP 🚀
3.3K views4 months ago
YouTubeDesign Xstream
0:44
Figma to Code in Minutes Using Claude Code + MCP
755 views2 months ago
YouTubeAkhil Krishnan
0:59
This AI Turns Figma Designs Into Code INSTANTLY
49 views3 weeks ago
YouTubeThe AI Century
1:07
How to Make Any Screenshot Editable in Figma ⚡️
46.8K views1 month ago
YouTubeDesign Xstream
2:30
Design-to-Code Workshop with Claude Code, Cursor & Figma (Friends of Figma Miami -
1.4K views2 months ago
YouTubeThe Design Project
2:20
How to Setup Desktop Figma MCP ⚡ | Faster Design Workflow #codewithdesign
14 views2 months ago
YouTubecode with design
2:29
Design-to-Code Workshop with Claude Code, Cursor & Figma (Friends of Figma Miami -
622 views2 months ago
YouTubeThe Design Project
Static thumbnail place holder