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 views3 weeks ago
The 29 best web design tutorials on the internet - 99designs
The 29 best web design tutorials on the internet - 99designs
99designs.com
Jul 9, 2020
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
11:54
Convert Website Designs to Code Fast Using Anima App & Figma
YouTubeBrian Design
32.5K viewsMar 21, 2022
Figma tutorial: Intro to Dev Mode
4:25
Figma tutorial: Intro to Dev Mode
YouTubeFigma
286.9K viewsJun 21, 2023
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 views4 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
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
11:54
Convert Website Designs to Code Fast Using Anima App & Figma
32.5K viewsMar 21, 2022
YouTubeBrian Design
Figma tutorial: Intro to Dev Mode
4:25
Figma tutorial: Intro to Dev Mode
286.9K viewsJun 21, 2023
YouTubeFigma
Figma Course - Web Design Tutorial for Beginners
3:14:27
Figma Course - Web Design Tutorial for Beginners
529.5K viewsSep 1, 2021
YouTubefreeCodeCamp.org
UI Design a Smart Home app in Figma - Full Course
1:15:50
UI Design a Smart Home app in Figma - Full Course
210.9K viewsMar 29, 2022
YouTubeDesignCode
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+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
0:24
Skill sets without a shelf life. Give yourself more options by learning …
32.6K viewsJan 5, 2017
FacebookThe New York Code & Design Academy
1:26:21
UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma
3.2M viewsFeb 10, 2021
YouTubefreeCodeCamp.org
2:47
Building your First Project on CodeDesign | CodeDesign Academy
4.2K viewsOct 7, 2023
YouTubeCodeDesign
44:26
I made 400+ designs with AI - 45-min tutorial on how to improve your U…
14.8K views9 months ago
YouTubeDesignCode
1:34
Adding Custom Code to your CodeDesign Project | CodeDesign …
1.4K viewsSep 1, 2023
YouTubeCodeDesign
0:42
This tool is used by companies like Apple and NASA. | The New York …
9.7K viewsFeb 13, 2017
FacebookThe New York Code & Design Academy
6:10
Web Coding Basics for UX/UI Designers: Build Your Own Portfol…
913 viewsFeb 28, 2025
YouTubeDesign with Mahsa
7:31
Design Concepts in Software Engineering: Types & Examples
8.2K viewsJul 13, 2020
Study.comStephen Perkins
7:13
How to convert Figma Design into Flutter Code | DhiWise.com
1.2M viewsOct 5, 2023
YouTubeThe Flutter Way
11:08
Design2Code: Converts Visual Designs Into Code with AI!
5.4K viewsMar 6, 2024
YouTubeWorldofAI
Code.org Lesson 2.5 Introduction to Design Mode | Tutorial with Answ…
6.9K viewsSep 8, 2020
YouTubeMr. Kaiser
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
485 viewsDec 7, 2023
YouTubeCodeDesign
0:51
Design in Code - AI Builds Style Guides From Screenshots!
53 views1 month ago
YouTubeThis New Way Podcast - Aydin Mirzaee
8:15
Code.org Lesson 2.7 Introduction to Design Mode | Tutorial with Answ…
21.2K viewsSep 8, 2020
YouTubeMr. Kaiser
1:57
Image Settings on CodeDesign Builder | CodeDesign Academy
2.1K viewsSep 12, 2023
YouTubeCodeDesign
Residential Design Codes Volume 1 - (Including Medium Density)
2 weeks ago
www.wa.gov.au
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
1:35
Welcome to CodeDesign Academy
4.4K viewsSep 20, 2022
YouTubeCodeDesign
19:44
I spent 10 DAYS redesigning Visual Studio Code... | Speed UI Design
100.2K viewsJun 7, 2024
YouTubeDemystifying Design
See more videos
Static thumbnail place holder