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
Watch your students master directional coding with these engaging Build a Character Digital Coding activities. It is also great keyboard shortcut practice! Perfect for the ISTE standard Computational Thinking and Computer Science Week. They would even be great for your STEM time in class or your Maker Space during the Hour of Code! Directional coding is the foundation of learning to code. It builds the problem-solving skills students will need to transition into block coding and then actual codi
0:55
Watch your students master directional coding with these engaging Build a Character Digital Coding activities. It is also great keyboard shortcut practice! Perfect for the ISTE standard Computational Thinking and Computer Science Week. They would even be great for your STEM time in class or your Maker Space during the Hour of Code! Directional coding is the foundation of learning to code. It builds the problem-solving skills students will need to transition into block coding and then actual codi
FacebookTechnology Teaching
25 viewsJul 11, 2024
37K views · 49 reactions | Learning to code doesn’t have to be intimidating. We’ll help you break down the steps so you can start right away and learn at your own pace. | Codecademy | Facebook
0:09
37K views · 49 reactions | Learning to code doesn’t have to be intimidating. We’ll help you break down the steps so you can start right away and learn at your own pace. | Codecademy | Facebook
FacebookCodecademy
777.8K views2 weeks ago
6 Youtube Playlists = 6 Skils🧑‍💻 Web development Game Development Ui/Ux Design DSA Complete Course Data Engineering Machine Learning Follow @de.code.dev for more @de.code.dev . . Learn Coding Frontend development, web development, HTML, CSS, JavaScript, React, Python webdev frontenddev learntocode javascript reactjs codinglife | De.code.dev
0:28
6 Youtube Playlists = 6 Skils🧑‍💻 Web development Game Development Ui/Ux Design DSA Complete Course Data Engineering Machine Learning Follow @de.code.dev for more @de.code.dev . . Learn Coding Frontend development, web development, HTML, CSS, JavaScript, React, Python webdev frontenddev learntocode javascript reactjs codinglife | De.code.dev
FacebookDe.code.dev
108.1K views2 months ago
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 views3 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 views2 weeks 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
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
Enforce Quality Standards with DCode in CI Pipeline | Designite p…
113 views1 month ago
linkedin.com
See more videos
Static thumbnail place holder