Framework: Creating a more connected design system with Code Connect
31:25
YouTubeFigma
Framework: Creating a more connected design system with Code Connect
At Framework, we announced Code Connect, our newest Dev Mode capability – now available in beta. Code Connect delivers code from your design system to Dev Mode, helping developers build with consistency and speed. In this session, Jake Albaugh, Figma developer advocate, shares an overview of Code Connect and some tips on how to get started ...
54.7K viewsApr 19, 2024
Shorts
How to Get Work Done by Connecting Figma to Claude Code - Utilizing MCP
0:40
40.6K views
How to Get Work Done by Connecting Figma to Claude Code - Utilizing MCP
피튜브
Project Lois: Practical Figma MCP & Claude Code Workflow for Designers #ai
1:10
1.6K views
Project Lois: Practical Figma MCP & Claude Code Workflow for Designers #ai
Lois Dagana
Figma Tutorial
Complete Figma AI Course for Beginners 2026
1:58:38
Complete Figma AI Course for Beginners 2026
YouTubeThe Cutting Edge School
28.9K views1 week ago
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
Top videos
Connect Claude Code to Figma Design System | Designer Workflow Task Test
11:27
Connect Claude Code to Figma Design System | Designer Workflow Task Test
YouTubeTD Sunshine
9.1K 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
Claude Code and Figma Two-Way Connection: From Code to Design and Back
6:19
Claude Code and Figma Two-Way Connection: From Code to Design and Back
YouTubeNick Babich
6.1K views2 months ago
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
208 views1 month ago
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
2.7K views5 months ago
How to CONVERT Figma Design to HTML and CSS (Full Tutorial)
2:07
How to CONVERT Figma Design to HTML and CSS (Full Tutorial)
YouTube5 Minute Solution
72 views5 months ago
Connect Claude Code to Figma Design System | Designer Workflow Task Test
11:27
Connect Claude Code to Figma Design System | Designer Workflo…
9.1K views1 month ago
YouTubeTD Sunshine
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
Claude Code and Figma Two-Way Connection: From Code to Design and Back
6:19
Claude Code and Figma Two-Way Connection: From Code to Design …
6.1K views2 months ago
YouTubeNick Babich
Figma Design System + Screens using Claude Code - FULL COURSE
13:13
Figma Design System + Screens using Claude Code - FULL COURSE
8.9K views1 month ago
YouTubeAverage Design Dude
Connect Figma MCP to Visual Studio Code | Full Setup Guide
6:26
Connect Figma MCP to Visual Studio Code | Full Setup Guide
1.2K views1 month ago
YouTubeTech Jitendra Nadol
Figma Code Connect UI
9:02
Figma Code Connect UI
2 views2 months ago
YouTubekulturbanause
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 5…
38.7K views1 month ago
YouTubePeter Yang
18:18
Design to Code with Figma MCP and Cursor | Step-by-Step Tutorial
52.6K views5 months ago
YouTubeSergei Chyrkov
16:22
Code → Figma — This Changes UI Development
44.8K views2 months ago
YouTubeSergei Chyrkov
19:12
Claude Code + Figma Builds Insane Websites (New MCP Connector)
27.5K views2 months ago
YouTubeBuild Great Products
6:56
The New Figma Workflow - Code to Design & Vice Versa
31.5K views1 month ago
YouTubeDesignCourse
9:35
Two Way Claude Code + Figma in 10 minutes
31.1K views2 months ago
YouTubeAM Design
19:29
Ultimate Crash Course Claude + Figma | Generate Designs | Build f…
13.1K views1 month ago
YouTubeUX Alok
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)
30.3K views3 months ago
YouTubeThe Cutting Edge School
18:31
Figma + Claude Code MCP Server Setup for Designers
22.7K views2 months ago
YouTubeNehmat Gereige | AI-Design Professor
7:58
Figma to Code: How to Convert Figma Designs into Responsive C…
11.3K views2 months ago
YouTubeLukas Margerie
0:29
Figma on Instagram: "Figma MCP server, now with design context a…
188.7K views7 months ago
Instagramfigma
2:16
Tutorial: Claude Code designs for me in Figma ❌ No MCP needed
5.8K views2 months ago
YouTubeInto Design Systems
19:31
Claude + Figma MCP — Updated Setup for Designers
46.5K views1 month ago
YouTubeNehmat Gereige | AI-Design Professor
14:34
Claude + Figma = Design System Components
27.2K views1 month ago
YouTubeSergei Chyrkov
12:33
Finally Connect Your Figma Design System to Claude | Figma MCP Tu…
13K views1 month ago
YouTubeNehmat Gereige | AI-Design Professor
12:56
Codex + Figma MCP: Updated Setup for Designers | New Plugin & Skills
5.1K views1 month ago
YouTubeNehmat Gereige | AI-Design Professor
11:31
Claude Code for Designers in 10 Minutes
75.2K views2 months ago
YouTubeAdrien | AI Designer
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
2:24
How to Connect Figma to VS Code 2026 (Official Extension)
239 views4 months ago
YouTubeEasytorial
44:12
Figma Code Connect - Le tutorial complet avec Laurent Thiebault et …
2.4K viewsNov 8, 2024
YouTubeThe Cacatoès Theory
1:07
How To Connect Figma To VS Code (2025)
18 views5 months ago
YouTubeGuide Station
See more videos
Static thumbnail place holder