Figma to React in One Click: Instant Design to Code
1:29
YouTubeRobert Nowell
Figma to React in One Click: Instant Design to Code
learn about recent updates: https://twitter.com/RobertNowell1 We had a bunch of figma designs waiting to be implemented, so we decided to built a tool that would do it for us. Let us know if it helps you work faster, or if you have any issues We got tired of writing HTML and CSS by hand, and we love using Figma as our design tool, so it was ...
155.6K viewsNov 17, 2021
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
756.9K viewsJan 11, 2022
Design Code Tutorial
Getting started with Visual Studio Code
2:30
Getting started with Visual Studio Code
visualstudio.com
May 4, 2022
Tutorial: Get started with Visual Studio Code
Tutorial: Get started with Visual Studio Code
visualstudio.com
1 month ago
Visual Studio Code: How to Use | Codecademy
Visual Studio Code: How to Use | Codecademy
codecademy.com
Nov 18, 2021
Top videos
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
Convert Website Designs to Code Fast Using Anima App & Figma
Convert Website Designs to Code Fast Using Anima App & Figma
YouTubeBrian Design
32.5K viewsMar 21, 2022
Figma VSCode Extension!! Convert Design to Code!
12:29
Figma VSCode Extension!! Convert Design to Code!
YouTubeCoderOne
264.5K viewsJun 26, 2023
Latest From DesignCode
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
89.3K views2 months ago
Gemini 3 changes everything for web design
37:15
Gemini 3 changes everything for web design
YouTubeDesignCode
199.4K views2 months ago
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
Convert Website Designs to Code Fast Using Anima App & Figma
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!
264.5K viewsJun 26, 2023
YouTubeCoderOne
Figma Course - Web Design Tutorial for Beginners
3:14:27
Figma Course - Web Design Tutorial for Beginners
526.3K viewsSep 1, 2021
YouTubefreeCodeCamp.org
Best Tools to Convert UI to Code Instantly! | Design Essentials
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 | Envato Tuts
Design and Code Your First Website in 9 Easy-to-Understand Steps | E…
Apr 13, 2022
tutsplus.com
Build a Design System! Ep. 1: Figma Tokens & Variables Setup
1:25:39
Build a Design System! Ep. 1: Figma Tokens & Variables Setup
241.3K viewsAug 22, 2024
YouTubeUI Collective
1:26:21
UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma
3.2M viewsFeb 10, 2021
YouTubefreeCodeCamp.org
Flutter for Designers - Design Code
Aug 6, 2020
designcode.io
Squarespace Custom Code: How To and Examples — Squarespace
Feb 13, 2024
squarespace.com
7:13
How to convert Figma Design into Flutter Code | DhiWise.com
1.2M viewsOct 5, 2023
YouTubeThe Flutter Way
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 …
627K viewsMay 30, 2022
YouTubeteleportHQ
8:15
Code.org Lesson 2.7 Introduction to Design Mode | Tutorial with Answ…
21.1K viewsSep 8, 2020
YouTubeMr. Kaiser
0:54
Design Codes and Standards Library
88.3K viewsJul 1, 2021
YouTubeNCEES Media
3:41
Code.org Lesson 2.3 Introduction to Design Mode | Tutorial with Answ…
10.3K viewsSep 8, 2020
YouTubeMr. Kaiser
Residential Design Codes Volume 1 - (Including Medium Density)
3 weeks ago
www.wa.gov.au
9:53
Design codes and standards
Jan 1, 2009
steelconstruction.info
ID Card Design Using HTML and CSS (Source Code)
Jun 26, 2024
codewithrandom.com
1:41:31
UML Diagrams Full Course (Unified Modeling Language)
1.7M viewsApr 21, 2021
YouTubefreeCodeCamp.org
20:29
Is Designing Different To Coding?
21K viewsMar 1, 2023
YouTubeModern Software Engineering
1:03
Code.org Lesson 2.2 Introduction to Design Mode | Tutorial with Answ…
11.5K viewsSep 8, 2020
YouTubeMr. Kaiser
4:07:15
Master No-Code Web Design with Framer - 4-hour Free Course
323.5K viewsMar 12, 2024
YouTubeDesignCode
17:17
Building My Personal Website • Design & Code With Me Ep. 1 | D…
752.1K viewsMay 19, 2021
YouTubeMaisy Leigh
1:25:07
System Design for Beginners Course
1.7M viewsJan 12, 2023
YouTubefreeCodeCamp.org
15:02
Code.org Lesson 7 Project Designing an App Part 2 | Answer …
25.5K viewsSep 24, 2020
YouTubeMr. Kaiser
35:21
The International Building Code In A “NUTSHELL”- ANIMATED
70.7K viewsMay 3, 2021
YouTubearkishare
10:47
Introduction - Low Level Design | Coding Interview Series | The Cod…
173.5K viewsAug 20, 2020
YouTubeThe Code Mate
1:38:25
How To Make Complete Website Using HTML And CSS | Responsiv…
696.3K viewsMar 18, 2020
YouTubeGreatStack
See more videos
Static thumbnail place holder