My Design-to-Code Process with AI
8:27
YouTubeFlux Academy
My Design-to-Code Process with AI
If you’ve tried using AI to create code from a static design but the end result barely resembled the original, this workflow will save you hours! Here’s how to prep your design and write the prompt so that AI can truly understand your UI design in Figma and create a production-ready code. 🗓️ April 27-30 Join our 4-day sprint so you can ...
6.2K views3 weeks ago
Shorts
Get Any Color Code in Hex RGB and HSL for Free with This Color Picker Tool
0:13
27.8K views
Get Any Color Code in Hex RGB and HSL for Free with This Color Picker Tool
Your Tech Girl
How to Find Perfect Color Codes #productivity #tools #colors
0:12
6.2K views
How to Find Perfect Color Codes #productivity #tools #colors
Your Tech Girl
Visual Studio Code Extensions
Best Way to Install Extensions in VS Code (Full Guide)
1:12
Best Way to Install Extensions in VS Code (Full Guide)
YouTubeSetup In Minutes
31 views1 month ago
How to Install Visual Studio Code Extensions (Step-by-Step Guide)
1:14
How to Install Visual Studio Code Extensions (Step-by-Step Guide)
YouTubeHow To
31 views5 months ago
20 Essential VS Code Extensions
14:26
20 Essential VS Code Extensions
YouTubeTraversy Media
306.4K viewsMar 11, 2024
Top videos
Open Design + Free APIs : THE BEST Open Alternative to Codex is FINALLY HERE!
12:24
Open Design + Free APIs : THE BEST Open Alternative to Codex is FINALLY HERE!
YouTubeAICodeKing
10.6K views2 weeks ago
Convert Figma Designs to Code with AI
5:01
Convert Figma Designs to Code with AI
YouTubeBuilder
16.2K views7 months ago
How to Find Perfect Color Codes
0:14
How to Find Perfect Color Codes
YouTubeAlex Moore
14.6K views1 month ago
Visual Studio Code Debugging
Getting Started with Debugging in VS Code (Official Beginner Guide)
13:00
Getting Started with Debugging in VS Code (Official Beginner Guide)
YouTubeVisual Studio Code
137.1K viewsJul 1, 2024
How To Debug Code In Visual Studio Code Step By Step (Beginner Friendly)
2:46
How To Debug Code In Visual Studio Code Step By Step (Beginner Friendly)
YouTubeSmartMoneyTutorials
37 views4 months ago
How to Debug Python with Visual Studio Code (VS Code) (2026)
11:50
How to Debug Python with Visual Studio Code (VS Code) (2026)
YouTubeProgrammingKnowledge
3.3K views3 months ago
Open Design + Free APIs : THE BEST Open Alternative to Codex is FINALLY HERE!
12:24
Open Design + Free APIs : THE BEST Open Alternative to Codex is FINALLY HERE!
10.6K views2 weeks ago
YouTubeAICodeKing
Convert Figma Designs to Code with AI
5:01
Convert Figma Designs to Code with AI
16.2K views7 months ago
YouTubeBuilder
How to Find Perfect Color Codes
0:14
How to Find Perfect Color Codes
14.6K views1 month ago
YouTubeAlex Moore
How to Prototype your Designs in 2026 ✨ Vibe coding, Anything.com, Claude Code, Figma, Paper
29:17
How to Prototype your Designs in 2026 ✨ Vibe coding, Anything.com, Claude Code, Figma, Paper
7.7K views1 month ago
YouTubeCecilia Kim
How to Vibe Code a Website
2:25
How to Vibe Code a Website
170.9K views1 month ago
YouTubeGoogle
How to Design and Code with Claude Code and Figma MCP in 50 Min | Felix Lee
50:16
How to Design and Code with Claude Code and Figma MCP in 50 Min | Felix Lee
38.7K views1 month ago
YouTubePeter Yang
Code to Canvas: Claude Code | Figma
8:03
Code to Canvas: Claude Code | Figma
41.2K views2 months ago
YouTubeFigma
13:41
Top 5 OpenCode Skills That Actually 100x Your Workflow (Free)
16.4K views2 weeks ago
YouTubeAI Stack Engineer
6:56
The New Figma Workflow - Code to Design & Vice Versa
31.5K views1 month ago
YouTubeDesignCourse
0:12
How to Find Perfect Color Codes #productivity #tools #colors
6.2K views1 month ago
YouTubeYour Tech Girl
26:11
4 Claude Code Hacks To Make Any Website Look 10/10 (Steal These)
3.5K views4 weeks ago
YouTubeJono Catliff
3:00
How to design (actually good designs) in code with AI
14.5K views7 months ago
YouTubeSteve (Builder.io)
26:24
Claude Code for Designers (Full Overview)
41.2K views1 month ago
YouTubeUI Collective
8:49
Claude Code + Figma Design System (Designer Workflow Test)
39.5K views1 month ago
YouTubeUI Collective
1:16:43
Claude Code Websites: How I Earned $1.2M (20% Conversions)
5.8K views1 week ago
YouTubeJono Catliff
18:11
7 Techniques That Make Claude Code Websites Look $10,000
40.4K views1 month ago
YouTubeJono Catliff
15:24
Claude Design + Claude Code = No Designer Needed
13.3K views3 weeks ago
YouTubeLeon van Zyl
9:29
The Claude DESIGN System that 67,000 people installed (Full Breakdown)
8.7K views3 weeks ago
YouTubeJay E | RoboNuggets
13:45
Best AI Tool for Electronics Engineers: The "Zero Datasheet Challenge" 🛠️🤖 | Embedr AI
7.7K views1 week ago
YouTubetechiesms
18:20
Claude Code Kills Canva & Figma For Web Design (Google Stitch)
3.3K views1 month ago
YouTubeJono Catliff
15:10
Figma + Claude Code…Can AI Design?
12.6K views1 month ago
YouTubeJeffrey @ Lytbox
11:24
8 SECRET FULLY FREE AI Coders/APIs: $0 AI Coding Workflow is here! STOP PAYING $200 NOW!
13K views1 month ago
YouTubeAICodeKing
11:59
This One Skill Makes Claude Code Actually Good at Web Design
3.6K views3 weeks ago
YouTubeLukas Margerie
21:50
How to Make Claude Code Your AI Engineering Team
124.7K views3 weeks ago
YouTubeY Combinator
12:36
How to Build ACTUALLY Beautiful UI With This Claude Code Skill
160K views5 months ago
YouTubeBuild Great Products
13:24
How I Actually Use Claude Code in My Design Workflow
52.6K views2 months ago
YouTubeUI Collective
11:00
Generate Better AI Designs in Claude Code
38.1K views1 month ago
YouTubeUI Collective
13:13
How to Sound Design YouTube Videos in 2026 (Basic to Advanced)
9.6K views1 week ago
YouTubeCreaView
1:17
Claude Code's Full Source Leaked — Running It Locally with Any Model
23.2K views1 month ago
YouTubeAnton Abyzov: AI Power
See more