Design to Code: Figma Variables to React JS Design System
20:11
YouTubeSergei Chyrkov
Design to Code: Figma Variables to React JS Design System
In this tutorial I will show you how to create a design system web app from your Figma Variables. First, we'll export our design tokens to JSON from Figma, then we'll create a master design system file in Cursor. After that we'll create a web app using React JS and Next JS to show all possible design components made using our Figma variable. In ...
已浏览 3817 次4 个月之前
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 Full Course 2026 | Figma Full Course For Beginners | Figma Tutorial | Simplilearn
10:59:24
Figma Full Course 2026 | Figma Full Course For Beginners | Figma Tutorial | Simplilearn
YouTubeSimplilearn
已浏览 1.9万 次6 个月之前
热门视频
The New Figma Workflow - Code to Design & Vice Versa
6:56
The New Figma Workflow - Code to Design & Vice Versa
YouTubeDesignCourse
已浏览 2.8万 次1 个月前
Figma Tutorial 2026: Master Figma Components and Variants in 19 Minutes (Beginner Guide)
19:31
Figma Tutorial 2026: Master Figma Components and Variants in 19 Minutes (Beginner Guide)
YouTubeDavid Emulo
已浏览 1919 次4 个月之前
How to Get Figma API Token | Access Figma API Fast & Securely
0:55
How to Get Figma API Token | Access Figma API Fast & Securely
YouTubeDrew Tutorial
已浏览 1499 次5 个月之前
Figma Design Tips
Figma Design Tutorial: Tips & Tricks for Beginners
0:38
Figma Design Tutorial: Tips & Tricks for Beginners
TikTokmaks.k.design
已浏览 3114 次3 周前
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
已浏览 4804 次1 个月前
How to Get Better UI Design with Figma Make and AI
16:31
How to Get Better UI Design with Figma Make and AI
YouTubeSergei Chyrkov
已浏览 4.7万 次4 个月之前
The New Figma Workflow - Code to Design & Vice Versa
6:56
The New Figma Workflow - Code to Design & Vice Versa
已浏览 2.8万 次1 个月前
YouTubeDesignCourse
Figma Tutorial 2026: Master Figma Components and Variants in 19 Minutes (Beginner Guide)
19:31
Figma Tutorial 2026: Master Figma Components and Variants in 19 Mi…
已浏览 1919 次4 个月之前
YouTubeDavid Emulo
How to Get Figma API Token | Access Figma API Fast & Securely
0:55
How to Get Figma API Token | Access Figma API Fast & Securely
已浏览 1499 次5 个月之前
YouTubeDrew Tutorial
Create Responsive Webapp Design using Autolayout and Variables in Figma
10:24
Create Responsive Webapp Design using Autolayout and Variables in …
已浏览 1701 次1 个月前
YouTubeHarshil Acharya
Figma AI: Replace Content & Riffing Made Easy! - Part 4
1:15
Figma AI: Replace Content & Riffing Made Easy! - Part 4
已浏览 651 次2024年10月25日
YouTubeUX Siva
Figma + developer workflows | design systems, Code Connect, MCP, and Make
29:46
Figma + developer workflows | design systems, Code Connect, M…
已浏览 6.3万 次5 个月之前
YouTubeFigma
Getting started with Figma on-canvas AI features for Education
4:27
Getting started with Figma on-canvas AI features for Education
已浏览 5166 次1 个月前
YouTubeFigma
1:50
How to Create Figma API Key (Full Guide)
已浏览 558 次7 个月之前
YouTubeThe Genius Factory
3:03
How To Resize Frame With Content In Figma (Easiest Way) (2026 Guide)
已浏览 305 次8 个月之前
YouTubeHow To with Alex
16:50
OpenAI Codex + Figma MCP Setup for Designers
已浏览 1.5万 次2 个月之前
YouTubeNehmat Gereige | AI-Design Professor
51:52
Figma AI Tutorial 🔥 | How to Design Screens with Just Prompts!
已浏览 4101 次9 个月之前
YouTubeCreativeUX by Aryan
38:36
Lecture 6 :Figma Plugins, AI Features, and Dev Model Explaine…
已浏览 4732 次2025年4月17日
YouTubeCollege Wallah
14:07
How to use Figma Make | AI Tool that Designs for You | Complete T…
已浏览 1万 次8 个月之前
YouTubeCodecademy
11:55
How to design in Figma with AI! (Claude Code + Codex)
已浏览 3959 次1 个月前
YouTubeevin_svg
0:14
Figma Tutorial: How to Quickly Duplicate UI Content Using Replac…
已浏览 2875 次5 个月之前
YouTubeMemorisely
0:29
How To Get Figma API Key - Step By Step
已浏览 17 次1 个月前
YouTubeHowToMastery
1:14
How to Generate Figma API Token (2025 Updated
已浏览 28 次5 个月之前
YouTubeFIXORA
0:44
How to Change Text in Figma
已浏览 5 次5 个月之前
YouTubeMicky Crypto
2:59
Getting started with Figma on-canvas AI features for Education
已浏览 6821 次1 个月前
YouTubeFigma
7:58
Figma to Code: How to Convert Figma Designs into Responsive C…
已浏览 9288 次2 个月之前
YouTubeLukas Margerie
2:39
Figma: How to Resize a Frame with Its Content (Auto Layout & Smart …
已浏览 1172 次9 个月之前
YouTubeJust Ask Jake
34:13
Release Notes 2026: February Edition | Figma
已浏览 2.2万 次2 个月之前
YouTubeFigma
1:38
How to Change DPI in Figma
已浏览 74 次5 个月之前
YouTubeMicky Crypto
2:03:48
Design System & Figma Variable Set Up - Full Tutorial
已浏览 8.8万 次9 个月之前
YouTubeUI Collective
13:47
Figma MCP + Cursor — Full Tutorial
已浏览 9.4万 次10 个月之前
YouTubeSergei Chyrkov
7:58
How To Use AI To Convert Figma into Code
已浏览 13.1万 次2025年1月8日
YouTubecorbin
1:54
How to EDIT Text in Figma (Step by Step)
已浏览 3920 次2025年4月10日
YouTubeAnswer ASAP
11:35
Tutorial: Master Figma Content Automation with Contently – Smar…
已浏览 4637 次2025年4月12日
YouTubeRaiken
6:44
figma change variant with button click
已浏览 264 次8 个月之前
YouTubeLLL
观看更多视频
静态缩略图占位符