Channel Avatar

DesignCode @UCTIhfOopxukTIRkbXJ3kN-g@youtube.com

329K subscribers

Teaching designers how to code and developers how to design.


54:53
One-shotting beautiful landing pages with code references
58:09
Turn boring AI designs to Pro-level with these simple steps
28:44
AI generates the same boring designs. How to make them 10x better. 28-min tutorial.
21:23
This completely changed my AI design workflow - 21-min tutorial
44:26
I made 400+ designs with AI - 45-min tutorial on how to improve your UI generations
08:59
[MCP] 14 Defining Scope and Starting the Code
10:24
[MCP] 13 Mastering Plan and Act Workflow with a Modern Snake Game
44:17
I've done over 10,000 prompts - 44-min tutorial on how to generate UI
08:51
[MCP] 12 Choosing and Using AI Models in Cline with OpenRouter
07:51
[MCP] 11 Cline Rules
10:27
Create Mind-Blowing 3D Rotating Cards with AI (No Design Skills Needed!)
14:09
[MCP] 10 Installing and Managing MCPs
08:00
[MCP] 9 Open Source AI Assistants
11:18
[MCP] 8 Solving Documentation Chaos with Context7
29:10
Get Started with MCP Servers: Connect Claude to Hugging Face AI Tools
13:49
[MCP] 6 Breaking Down Genspark
07:26
[MCP] 7 Maximizing Value from AI Tools
14:10
[MCP] 5 Using an AI Agent for Product Research
08:18
[MCP] 4 ManusAI
34:26
How I Built my First macOS app with Cursor - 34-min Tutorial
20:59
Design Beautiful Charts for Analytics Apps in Figma
09:19
[MCP] 3 Expanding Your MCP Server with Hugging Face Tools
10:21
[MCP] 2 Integrating Claude AI with Hugging Face via MCP Server
09:24
[MCP] 1 Getting Started with MCP Servers
18:46
Turn Static Screens into Beautiful Animations with Runway AI
20:40
[React Native] 64 Implementing Supabase Storage for Profile Picture Uploads
26:38
Create 3D with Claude AI with Blender MCP - Full 26-min Tutorial
16:00
[React Native] 63 Implementing Google Sign In in
09:21
Manus AI = Claude Artifacts + OpenAI Deep Research + Cursor Agents
15:21
[FIGMA] 29 Designing a Radar Chart for Visualizing C
09:00
[FIGMA] 33 Improve Your Flat UI with Gradients and E
05:55
[FIGMA] 32 Designing a Progress Bar
12:15
[FIGMA] 30 Creating Charts Using Figma Plugins
04:44
[FIGMA] 28 Data Visualization in UI:UX Design
06:21
[FIGMA] 31 Structuring a Mobile Analytics Dashboard
01:10
[FIGMA] 27 Episode 4 Designing an Analytics App Introduction
18:23
[React Native] 62 Handling Google Authentication in AuthContext
09:15
[React Native] 61 Configuring OAuth Credentials for Google Authentication
14:53
[FIGMA] 22 Building Adaptive Layouts
12:37
[FIGMA] 24 Designing an Onboarding Page with AI Generated Images
14:40
[FIGMA] 21 Creating a Side Menu with Custom Shapes
06:58
[FIGMA] 26 Creating a Video Prototype in Figma with Runway AI
10:04
[FIGMA] 25 Turning Images into Animations Using Runway AI
00:32
[FIGMA] 23 Onboarding Page for a Hiking App Introduction
09:26
[FIGMA] 20 White Spacing for Visual Hierarchy
08:56
[FIGMA] 19 Creating Components and Layouts
10:09
[FIGMA] 18 Neurmorphism Buttons
05:06
[FIGMA] 16 Choosing the Color Palette
10:32
[FIGMA] 15 Choosing the Right Font for Kids
06:02
[FIGMA] 17 Variable Colors and Modes
05:16
[FIGMA] 13 Find Inspiration for Visual Design
04:45
[FIGMA] 14 Generate AI Images
02:28
[FIGMA] 12 Understanding Target Audience
00:54
[FIGMA] 11 Storytelling App Intro
07:35
[FIGMA] 10 Designing Visual Structures
05:20
[FIGMA] 09 How to Design a Logo Using SVG Patterns
05:50
[FIGMA] 08 Customizing Components and Editing Instances
04:07
[FIGMA] 07 Ignore Auto Layout
07:38
[FIGMA] 06 Spacing and Padding
04:19
[FIGMA] 05 Visual Hierarchy with Colors