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
Guided Design Thinking Project - Hour of Code
Guided Design Thinking Project - Hour of Code
weebly.com
Jul 2, 2023
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
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
0:09
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
FacebookCodecademy
777.7K views9 months ago
Top videos
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
YouTubeCoderOne
170.5K viewsNov 1, 2020
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
A simple approach to layouts when going from design to code
23:17
A simple approach to layouts when going from design to code
YouTubeKevin Powell
73.7K viewsOct 17, 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 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
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.5K viewsNov 1, 2020
YouTubeCoderOne
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
A simple approach to layouts when going from design to code
23:17
A simple approach to layouts when going from design to code
73.7K viewsOct 17, 2023
YouTubeKevin Powell
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
How to Start Coding: Resources, Tips, and Tricks
1:01
How to Start Coding: Resources, Tips, and Tricks
523.2K views2 weeks ago
wikiHowKevin Burnett
Building your First Project on CodeDesign | CodeDesign Academy
2:47
Building your First Project on CodeDesign | CodeDesign Academy
4.2K viewsOct 7, 2023
YouTubeCodeDesign
1:34
Adding Custom Code to your CodeDesign Project | CodeDesign …
1.4K viewsSep 1, 2023
YouTubeCodeDesign
0:41
5 Steps to Learning How to Code: A Beginner's Guide
1.2M viewsOct 5, 2022
TikTokagenomicsphd
27:20
Figma Basics in One Video | Sigma Web Development Course - Tutori…
612K viewsNov 17, 2023
YouTubeCodeWithHarry
6:56
4 WAYS to use AI to Code your Layout
8.7K views4 months ago
YouTubeDesignCourse
0:44
3 Simple Steps to Turn Ideas into Working Code FAST
696 views4 months ago
YouTubeSoftware Development Tips & Much More!
How to structure your code effectively
4 months ago
dev.to
11:08
Design2Code: Converts Visual Designs Into Code with AI!
5.4K viewsMar 6, 2024
YouTubeWorldofAI
3:13
Figma to HTML and CSS export | Create a responsive website from …
628.5K viewsMay 30, 2022
YouTubeteleportHQ
3:18
Layout Settings Explained | CodeDesign Academy
1.8K viewsSep 12, 2023
YouTubeCodeDesign
13:27
Design Patterns - The best way to code
243 views2 months ago
YouTubeCoded Design
1:53
How to Code for Beginners - Step by Step Programming Tutorial | Full …
23.5K views4 months ago
YouTubeSystemDR - Scalable System Design
1:57
Image Settings on CodeDesign Builder | CodeDesign Academy
2.1K viewsSep 12, 2023
YouTubeCodeDesign
2:29
How to code the right way? Step-by-step guide
4 views3 months ago
YouTubeSoft Solutions
20:29
Is Designing Different To Coding?
21K viewsMar 1, 2023
YouTubeModern Software Engineering
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
Style Settings Explained | CodeDesign Academy
2.6K viewsSep 13, 2023
YouTubeCodeDesign
6:18
Code.org Tutorial - Introduction to Design Mode
986 viewsJan 24, 2019
YouTubeMr. Rhodes
0:55
Auto-Generate Full Codebases with Design to Code
108 views1 month ago
YouTubeCodeSpell. ai
2:57
What Defines Good Code Style Guidelines?
13 views2 months ago
YouTubeLearning To Code With AI
2:16:31
Design + Code – Hour 3: Visual Design
151.9K viewsJul 13, 2015
YouTubeDevTips
0:30
Design Code – Bursana RVK 25Oct...
2.1B views2 weeks ago
FacebookBURSANA
See more videos
Static thumbnail place holder