How to convert Figma Design into Code (React.js) using a Visual Studio Code Extension
20:52
YouTubeThe Code Angle
How to convert Figma Design into Code (React.js) using a Visual Studio Code Extension
In this video, I'll guide you through the process of converting your Figma design into React.js, using a visual studio code extension called Code Parrot. In this video, you will learn: The basics of Figma and how to prepare your design for conversion How to use Code Parrot, a visual studio code extension to translate your design elements into ...
已浏览 2.8万 次2024年8月5日
短视频
How to turn designs into real code using Figma Make! #productdesign #coding #figma
1:02
已浏览 5.9万 次
How to turn designs into real code using Figma Make! #productdesign #coding
Build With Fede
Turning Figma Designs Into Next.js Code! 💻✨
0:53
已浏览 1209 次
Turning Figma Designs Into Next.js Code! 💻✨
Rohan Surve
Figma Tutorial
Figma Mobile App Design Tutorial
46:31
Figma Mobile App Design Tutorial
YouTubeHyginus Ukeh - Building
已浏览 161.5万 次2020年5月30日
Figma Tutorial: Overlays
10:20
Figma Tutorial: Overlays
YouTubeFigma
已浏览 59.9万 次2018年12月3日
Figma Tutorial: Variants
14:16
Figma Tutorial: Variants
YouTubeFigma
已浏览 128.4万 次2020年10月28日
热门视频
Figma to Code - Export React, HTML & Vue from any Figma design
Figma to Code - Export React, HTML & Vue from any Figma design
animaapp.com
2020年7月8日
Figma to React in One Click: Instant Design to Code
1:29
Figma to React in One Click: Instant Design to Code
YouTubeRobert Nowell
已浏览 16.2万 次2021年11月17日
Figma Developer Mode - Export to Code Tutorial
1:09
Figma Developer Mode - Export to Code Tutorial
YouTubeFireJet
已浏览 5万 次2023年6月22日
Figma Design Tips
ADVANCED MOBILE APP UI DESIGN AND PROTOTYPING [FIGMA]
55:32
ADVANCED MOBILE APP UI DESIGN AND PROTOTYPING [FIGMA]
YouTubeHyginus Ukeh - Building
已浏览 13.2万 次2020年11月6日
Food App Design in Figma | Figma Tutorial | UX/UI
58:32
Food App Design in Figma | Figma Tutorial | UX/UI
YouTubeUX World
已浏览 58.7万 次2021年8月22日
How to Design Mobile Travel App in Figma | Figma Tutorial
39:44
How to Design Mobile Travel App in Figma | Figma Tutorial
YouTubeUX World
已浏览 6.3万 次2021年5月9日
Figma to Code - Export React, HTML & Vue from any Figma design
Figma to Code - Export React, HTML & Vue from any Figma design
2020年7月8日
animaapp.com
Figma to React in One Click: Instant Design to Code
1:29
Figma to React in One Click: Instant Design to Code
已浏览 16.2万 次2021年11月17日
YouTubeRobert Nowell
Figma Developer Mode - Export to Code Tutorial
1:09
Figma Developer Mode - Export to Code Tutorial
已浏览 5万 次2023年6月22日
YouTubeFireJet
Figma Tutorial for Beginners | Learn UI Design Basics Step-by-Step (2025) #coding #htmlcss
0:18
Figma Tutorial for Beginners | Learn UI Design Basics Step-by-Step (20…
已浏览 1219 次7 个月之前
YouTubeSmart Code School
Designing an App in Figma - A Step-by-Step Guide for Beginners (2024)
54:50
Designing an App in Figma - A Step-by-Step Guide for Beginners (2024)
已浏览 38.2万 次2022年7月18日
YouTubeCodeWithChris
Figma Tutorial for Beginners (13-min crash course!)
13:22
Figma Tutorial for Beginners (13-min crash course!)
已浏览 90.6万 次2024年11月27日
YouTubeFlux Academy
Figma Basics Tutorial for Beginners (Free Design Tool!)
18:40
Figma Basics Tutorial for Beginners (Free Design Tool!)
已浏览 9.7万 次2020年3月10日
YouTubeCodeWithChris
1:13:17
Figma Tutorial for Beginners
已浏览 104万 次2024年4月11日
YouTubeKevin Stratvert
6:20
Learn Figma Make in 6 Minutes (Beginner Tutorial)
已浏览 3.5万 次9 个月之前
YouTubeEdward Chechique
39:08
Lecture 7 : Master Figma Prototyping and File Sharing Expl…
已浏览 6732 次11 个月之前
YouTubeCollege Wallah
36:35
Figma Tutorial - A Free UI Design/Prototyping Tool. It's awes…
已浏览 157.7万 次2018年4月30日
YouTubeDesignCourse
31:25
Framework: Creating a more connected design system with Co…
已浏览 5.2万 次2024年4月19日
YouTubeFigma
7:38:43
Create a Design System with Figma - Full Course
已浏览 79.1万 次2021年6月28日
YouTubefreeCodeCamp.org
8:40
I Built My Entire Design System in 4 Hours With AI. Full Tutorial (Claud…
已浏览 17.1万 次3 个月之前
YouTubeThe Design Project
3:06
Figma to HTML | HTML to Figma | Figma Tutorial
已浏览 6.6万 次2021年6月4日
YouTubeThe Figma Guy
1:10:11
Figma Web Design Tutorial for Beginners (2024): From Zero to Hero
已浏览 4620 次2024年11月1日
YouTubeLukas Margerie
6:32
Turn Figma design into code using Lovable
已浏览 1.5万 次2025年3月21日
YouTubeNick Babich
16:48
Create a TEXT FIELD Component With an ANIMATED Label (Figma T…
已浏览 30.5万 次2022年10月31日
YouTubeMavi Design
14:57
Your First Design System in Figma (Beginner Tutorial)
已浏览 19.4万 次2023年3月2日
YouTubeTim Gabe
27:20
Figma Basics in One Video | Sigma Web Development Course - Tutori…
已浏览 62.3万 次2023年11月17日
YouTubeCodeWithHarry
11:42
Figma UX tutorial for beginners - Prototype
已浏览 43.8万 次2022年12月12日
YouTubeAliena Cai
24:23
Figma UI Design Tutorial: Get Started in Just 24 Minutes!
已浏览 474万 次2020年12月8日
YouTubeAJ&Smart
52:43
Figma To Code
已浏览 5.4万 次2022年8月3日
YouTubeCodeWithChris
1:50:06
Introduction To Figma | FREE COURSE
已浏览 55.4万 次2020年9月16日
YouTubeEnvato Tuts+
28:51
Master Figma Basics in One Video | Figma Tutorial For Beginners
已浏览 40.1万 次2024年3月14日
YouTubeAli Hassan
11:38
Design to Code in 1 Click! Figma Make AI Tutorial (Full Tutorial)
已浏览 1761 次9 个月之前
YouTubeRaouf Belakhdar
5:45
Figma Wireframe Tutorial for Beginners
已浏览 26.6万 次2025年1月22日
YouTubeAliena Cai
10:16:51
Figma Tutorial for UI Design - Course for Beginners
已浏览 208.6万 次2022年1月5日
YouTubefreeCodeCamp.org
1:26:26
Figma Design to HTML CSS Website Complete Tutorial | figma to website
已浏览 10.1万 次2022年12月1日
YouTubeTechinfo YT
观看更多视频
静态缩略图占位符