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 ...
26K viewsAug 5, 2024
DesignCode: Most Viewed Videos
Create 3D Site with Spline and React - Full Course
1:02:59
Create 3D Site with Spline and React - Full Course
YouTubeDesignCode
1.6M viewsJun 21, 2022
Web / Desktop App UI Design in Figma - Full Course
1:16:53
Web / Desktop App UI Design in Figma - Full Course
YouTubeDesignCode
1.4M viewsJun 8, 2022
Design a simple UI from scratch for a Food App in Figma - For beginners
10:43
Design a simple UI from scratch for a Food App in Figma - For beginners
YouTubeDesignCode
757.2K viewsJan 11, 2022
Design Code Tutorial
Java Swing GUI Full Course ☕
4:48:33
Java Swing GUI Full Course ☕
YouTubeBro Code
2.5M viewsSep 14, 2020
SQL Tutorial - Full Database Course for Beginners
4:20:39
SQL Tutorial - Full Database Course for Beginners
YouTubefreeCodeCamp.org
20.4M viewsJul 2, 2018
WPF C# Professional Modern Flat UI Tutorial
36:44
WPF C# Professional Modern Flat UI Tutorial
YouTubePayload
932.4K viewsApr 3, 2021
Top videos
Figma to React in One Click: Instant Design to Code
1:29
Figma to React in One Click: Instant Design to Code
YouTubeRobert Nowell
160.9K viewsNov 17, 2021
Design to Code: Using AI to Build Faster
Design to Code: Using AI to Build Faster
git.ir
Feb 27, 2024
The Beginner's Guide to Responsive Web Design (Code Samples & Layout Examples)
The Beginner's Guide to Responsive Web Design (Code Samples & Layout Examples)
kinsta.com
Sep 14, 2020
Latest From DesignCode
OpenClaw + Codex is the biggest workflow shift I’ve made as a designer.
41:55
OpenClaw + Codex is the biggest workflow shift I’ve made as a designer.
YouTubeDesignCode
26.7K views2 weeks ago
Gemini 3 is now a pro-level landing page creator
49:58
Gemini 3 is now a pro-level landing page creator
YouTubeDesignCode
60K views2 months ago
Gemini 3 can animate web designs like a senior designer
44:54
Gemini 3 can animate web designs like a senior designer
YouTubeDesignCode
91.9K views3 months ago
Figma to React in One Click: Instant Design to Code
1:29
Figma to React in One Click: Instant Design to Code
160.9K viewsNov 17, 2021
YouTubeRobert Nowell
Design to Code: Using AI to Build Faster
Design to Code: Using AI to Build Faster
Feb 27, 2024
git.ir
The Beginner's Guide to Responsive Web Design (Code Samples & Layout Examples)
The Beginner's Guide to Responsive Web Design (Code Samples & Lay…
Sep 14, 2020
kinsta.com
Turn Design into React Code | From prototype to Full website in no time
40:32
Turn Design into React Code | From prototype to Full website in no time
170.4K viewsNov 1, 2020
YouTubeCoderOne
Convert Website Designs to Code Fast Using Anima App & Figma
11:54
Convert Website Designs to Code Fast Using Anima App & Figma
32.5K viewsMar 21, 2022
YouTubeBrian Design
Figma VSCode Extension!! Convert Design to Code!
12:29
Figma VSCode Extension!! Convert Design to Code!
268K viewsJun 26, 2023
YouTubeCoderOne
How I built a REAL app using Figma AI in 48 hrs! (ENTIRE UX/UI Process)
21:02
How I built a REAL app using Figma AI in 48 hrs! (ENTIRE UX/UI Process)
285.9K viewsNov 13, 2024
YouTubeDesignerUp
3:14:27
Figma Course - Web Design Tutorial for Beginners
529.5K viewsSep 1, 2021
YouTubefreeCodeCamp.org
1:15:50
UI Design a Smart Home app in Figma - Full Course
210.9K viewsMar 29, 2022
YouTubeDesignCode
23:07
Locofy.ai: Convert your Figma designs to Quality Code 🔥
459.4K viewsNov 17, 2022
YouTubeCodeWithHarry
6:57
Best Tools to Convert UI to Code Instantly! | Design Essentials
143.1K viewsJun 11, 2020
YouTubePunit Chawla
Design and Code Your First Website in 9 Easy-to-Understand Steps | E…
Apr 13, 2022
tutsplus.com
15:51
Figma to Real App Quickly — This is Amazing! | Design Weekly
351.7K viewsFeb 15, 2021
YouTubePunit Chawla
8:23
6 Stages of UI Design
209.6K viewsJul 21, 2021
YouTubeDesignerUp
1:26:21
UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma
3.2M viewsFeb 10, 2021
YouTubefreeCodeCamp.org
7:13
How to convert Figma Design into Flutter Code | DhiWise.com
1.2M viewsOct 5, 2023
YouTubeThe Flutter Way
Sketch2Code
Mar 15, 2023
Microsoftmarkdefalco
3:24
Top 6 Tools to Turn Code into Beautiful Diagrams
895.5K viewsFeb 13, 2024
YouTubeByteByteGo
1:20:53
UI Design for Beginners | FREE COURSE
186.4K viewsNov 30, 2022
YouTubeEnvato Tuts+
1:07
Code.org Lesson 2.1 Introduction to Design Mode | Tutorial with Answ…
19.1K viewsSep 8, 2020
YouTubeMr. Kaiser
3:13
Figma to HTML and CSS export | Create a responsive website from …
628.5K viewsMay 30, 2022
YouTubeteleportHQ
16:25
From design to code - HTML & CSS tutorial [ part one ]
110.9K viewsMar 10, 2020
YouTubeKevin Powell
2:06
Code.org Lesson 2.4 Introduction to Design Mode | Tutorial with Answ…
8.3K viewsSep 8, 2020
YouTubeMr. Kaiser
3:41
Code.org Lesson 2.3 Introduction to Design Mode | Tutorial with Answ…
10.3K viewsSep 8, 2020
YouTubeMr. Kaiser
1:41:31
UML Diagrams Full Course (Unified Modeling Language)
1.7M viewsApr 21, 2021
YouTubefreeCodeCamp.org
16 front-end projects (with designs) to help improve your coding skills
1 week ago
dev.to
1:03
Code.org Lesson 2.2 Introduction to Design Mode | Tutorial with Answ…
11.5K viewsSep 8, 2020
YouTubeMr. Kaiser
2:41:32
Create 3D UI Interactions for Websites with Spline - Free course
455.7K viewsNov 28, 2023
YouTubeDesignCode
8:54
Styled Table Design with HTML & CSS | Dribbble UI Design to Code
10.5K viewsDec 14, 2020
YouTubeAngela Design
See more videos
Static thumbnail place holder