How to Use a Design System in Code
substack.com
How to Use a Design System in Code
This article is a summary of last week’s workshop
Oct 23, 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
Getting started with Visual Studio Code
2:30
Getting started with Visual Studio Code
visualstudio.com
May 4, 2022
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
A nice looking HTML table styled with CSS - dcode Video Tutorial
A nice looking HTML table styled with CSS - dcode Video Tutorial
codepen.io
May 20, 2019
Top videos
Design+Code 4 - 100+ free tutorials, certificates and a new React Hooks course
Design+Code 4 - 100+ free tutorials, certificates and a new React Hooks course
YouTubeDesignCode
8.6K viewsOct 14, 2020
32K views · 75 reactions | Skill sets without a shelf life. Give yourself more options by learning code and design. | The New York Code & Design Academy | Facebook
0:24
32K views · 75 reactions | Skill sets without a shelf life. Give yourself more options by learning code and design. | The New York Code & Design Academy | Facebook
FacebookThe New York Code & Design
32.6K views3 weeks ago
UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma
1:26:21
UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma
YouTubefreeCodeCamp.org
3.2M viewsFeb 10, 2021
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 views3 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
92.4K views3 months ago
Design+Code 4 - 100+ free tutorials, certificates and a new React Hooks course
Design+Code 4 - 100+ free tutorials, certificates and a new React Hook…
8.6K viewsOct 14, 2020
YouTubeDesignCode
32K views · 75 reactions | Skill sets without a shelf life. Give yourself more options by learning code and design. | The New York Code & Design Academy | Facebook
0:24
32K views · 75 reactions | Skill sets without a shelf life. Give yourself …
32.6K views3 weeks ago
FacebookThe New York Code & Design Academy
UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma
1:26:21
UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma
3.2M viewsFeb 10, 2021
YouTubefreeCodeCamp.org
React Website Tutorial - Beginner React JS Project Fully Responsive
1:42:17
React Website Tutorial - Beginner React JS Project Fully Responsive
1.9M viewsAug 11, 2020
YouTubeBrian Design
Building your First Project on CodeDesign | CodeDesign Academy
2:47
Building your First Project on CodeDesign | CodeDesign Academy
4.2K viewsOct 7, 2023
YouTubeCodeDesign
Adding Custom Code to your CodeDesign Project | CodeDesign Academy
1:34
Adding Custom Code to your CodeDesign Project | CodeDesign …
1.4K viewsSep 1, 2023
YouTubeCodeDesign
I made 400+ designs with AI - 45-min tutorial on how to improve your UI generations
44:26
I made 400+ designs with AI - 45-min tutorial on how to improve your U…
14.8K views9 months ago
YouTubeDesignCode
0:42
9.6K views · 90 reactions | This tool is used by companies like Apple a…
9.7K views1 week ago
FacebookThe New York Code & Design Academy
27:20
Figma Basics in One Video | Sigma Web Development Course - Tutori…
612K viewsNov 17, 2023
YouTubeCodeWithHarry
11:08
Design2Code: Converts Visual Designs Into Code with AI!
5.4K viewsMar 6, 2024
YouTubeWorldofAI
3:31:10
2019年DesignCode课程--React for Designers中文字幕翻译版!
2.2K viewsDec 23, 2019
bilibili竹莫袅
3:13
Figma to HTML and CSS export | Create a responsive website from …
628.5K viewsMay 30, 2022
YouTubeteleportHQ
2:07
Adding icons in your CodeDesign Project | CodeDesign Academy
467 viewsDec 7, 2023
YouTubeCodeDesign
13:27
Design Patterns - The best way to code
243 views2 months ago
YouTubeCoded Design
0:51
Design in Code - AI Builds Style Guides From Screenshots!
53 views1 month ago
YouTubeThis New Way Podcast - Aydin Mirzaee
1:57
Image Settings on CodeDesign Builder | CodeDesign Academy
2.1K viewsSep 12, 2023
YouTubeCodeDesign
20:29
Is Designing Different To Coding?
21K viewsMar 1, 2023
YouTubeModern Software Engineering
9:53
Design codes and standards
Jan 1, 2009
steelconstruction.info
19:44
I spent 10 DAYS redesigning Visual Studio Code... | Speed UI Design
100.2K viewsJun 7, 2024
YouTubeDemystifying Design
1:35
Welcome to CodeDesign Academy
4.3K viewsSep 20, 2022
YouTubeCodeDesign
4:04
Adding Drop-down Menu on CodeDesign | CodeDesign Academy
412 viewsApr 30, 2024
YouTubeCodeDesign
Style Settings Explained | CodeDesign Academy
2.6K viewsSep 13, 2023
YouTubeCodeDesign
3:16
Link Settings Explained | CodeDesign Academy
214 viewsOct 22, 2024
YouTubeCodeDesign
6:18
Code.org Tutorial - Introduction to Design Mode
986 viewsJan 24, 2019
YouTubeMr. Rhodes
59:56
UI Design live: UI Design for developers and Design System
31.5K viewsMay 30, 2020
YouTubeDesignCode
0:55
Auto-Generate Full Codebases with Design to Code
108 views1 month ago
YouTubeCodeSpell. ai
1:35:46
Every Programming Design Pattern Explained in 90 Minutes (COMPIL…
2.9K views11 months ago
YouTubeSerket Studios
3:57
What makes a great design? The 7 principles you need to know
149.6K viewsJun 3, 2022
YouTube99designs
2:16:31
Design + Code – Hour 3: Visual Design
151.9K viewsJul 13, 2015
YouTubeDevTips
See more videos
Static thumbnail place holder