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
15 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
How to Start Coding: Resources, Tips, and Tricks
1:01
How to Start Coding: Resources, Tips, and Tricks
wikiHowKevin Burnett
523.2K views2 weeks ago
Figma Course - Web Design Tutorial for Beginners
3:14:27
Figma Course - Web Design Tutorial for Beginners
YouTubefreeCodeCamp.org
529.5K viewsSep 1, 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 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
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
Figma Course - Web Design Tutorial for Beginners
3:14:27
Figma Course - Web Design Tutorial for Beginners
529.5K viewsSep 1, 2021
YouTubefreeCodeCamp.org
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
Master No-Code Web Design with Framer - 4-hour Free Course
4:07:15
Master No-Code Web Design with Framer - 4-hour Free Course
325.4K viewsMar 12, 2024
YouTubeDesignCode
Design Patterns - The best way to code
13:27
Design Patterns - The best way to code
243 views2 months ago
YouTubeCoded Design
11:54
Convert Website Designs to Code Fast Using Anima App & Figma
32.5K viewsMar 21, 2022
YouTubeBrian Design
1:26:21
UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma
3.2M viewsFeb 10, 2021
YouTubefreeCodeCamp.org
40:32
Turn Design into React Code | From prototype to Full website in no time
170.5K viewsNov 1, 2020
YouTubeCoderOne
11:08
Design2Code: Converts Visual Designs Into Code with AI!
5.4K viewsMar 6, 2024
YouTubeWorldofAI
6:56
4 WAYS to use AI to Code your Layout
8.7K views4 months ago
YouTubeDesignCourse
2:16:31
Design + Code – Hour 3: Visual Design
151.9K viewsJul 13, 2015
YouTubeDevTips
3:13
Figma to HTML and CSS export | Create a responsive website from …
628.5K viewsMay 30, 2022
YouTubeteleportHQ
1:35
Welcome to CodeDesign Academy
4.3K viewsSep 20, 2022
YouTubeCodeDesign
17:17
Building My Personal Website • Design & Code With Me Ep. 1 | Da…
752.9K viewsMay 19, 2021
YouTubeMaisy Leigh
1:34
Adding Custom Code to your CodeDesign Project | CodeDesign …
1.4K viewsSep 1, 2023
YouTubeCodeDesign
0:16
15M views · 133 reactions | Learning to code doesn’t have to be intimid…
15.7M views2 weeks ago
FacebookCodecademy
2:47
Building your First Project on CodeDesign | CodeDesign Academy
4.2K viewsOct 7, 2023
YouTubeCodeDesign
Code.org Lesson 2.5 Introduction to Design Mode | Tutorial with Answ…
6.9K viewsSep 8, 2020
YouTubeMr. Kaiser
13:03
10 Design Exercises For ALL Graphic Designers
223.2K viewsFeb 27, 2021
YouTubePaola Kassa
0:55
Auto-Generate Full Codebases with Design to Code
108 views1 month ago
YouTubeCodeSpell. ai
0:41
5 Steps to Learning How to Code: A Beginner's Guide
1.2M viewsOct 5, 2022
TikTokagenomicsphd
1:53
How to Code for Beginners - Step by Step Programming Tutorial | Full …
23.5K views5 months ago
YouTubeSystemDR - Scalable System Design
2:57
What Defines Good Code Style Guidelines?
13 views3 months ago
YouTubeLearning To Code With AI
1:56
Publishing and Hosting your CodeDesign Project | CodeDesign …
1.2K viewsDec 8, 2023
YouTubeCodeDesign
Style Settings Explained | CodeDesign Academy
2.6K viewsSep 13, 2023
YouTubeCodeDesign
6:10
Web Coding Basics for UX/UI Designers: Build Your Own Portfol…
913 viewsFeb 28, 2025
YouTubeDesign with Mahsa
0:44
3 Simple Steps to Turn Ideas into Working Code FAST
696 views4 months ago
YouTubeSoftware Development Tips & Much More!
See more videos
Static thumbnail place holder