All
Search
Images
Videos
Shorts
Maps
News
Copilot
More
Shopping
Flights
Travel
Notebook
Report an inappropriate content
Please select one of the options below.
Not Relevant
Offensive
Adult
Child Sexual Abuse
Length
All
Short (less than 5 minutes)
Medium (5-20 minutes)
Long (more than 20 minutes)
Date
All
Past 24 hours
Past week
Past month
Past year
Resolution
All
Lower than 360p
360p or higher
480p or higher
720p or higher
1080p or higher
Source
All
Dailymotion
Vimeo
Metacafe
Hulu
VEVO
Myspace
MTV
CBS
Fox
CNN
MSN
Price
All
Free
Paid
Clear filters
SafeSearch:
Moderate
Strict
Moderate (default)
Off
Filter
7:03
YouTube
DesignCourse
Use Claude Code DESIGNER Skill to 10x UI Designs
Take the challenge #2: https://designcourse.com/app/foundations/2026-uiux Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off) -- Welcome to challenge #2 of the 2026 UI Design Challenege. Today, you're tasked with using Claude Code with the Frontend Designer skill to generate a hero section for a fictional business ...
59.6K views
1 month ago
Related Products
QR Code Designer
Abstract Art Designs
Code Design Stickers
#CodePen Projects
What are CodePen Projects?
YouTube
Jan 28, 2021
Getting Started with CodePen: A Beginner’s Guide to CodePen
YouTube
Jan 2, 2021
Top videos
39:30
Full Tutorial: From Design to Code with Claude Code in 40 Minutes | Meaghan Choi
YouTube
Peter Yang
30.8K views
6 months ago
12:36
How to Build ACTUALLY Beautiful UI With This Claude Code Skill
YouTube
Build Great Products
126.5K views
4 months ago
18:36
The Ultimate Shadcn UI + Claude Code Workflow (Design System, Claude Extension, MCP, Figma, Builder)
YouTube
ByteGrad
19K views
1 month ago
CodePen Challenges
7:01
How to Create A Deciphering Text Effect Using GSAP & SplitText Plugin - CodePen Challenge
YouTube
Wael Yasmina
564 views
9 months ago
22:50
Learn to use CodePen from a co-founder of CodePen
YouTube
freeCodeCamp.org
129.7K views
Jul 19, 2018
5:39
CodePen Environment | HTML, CSS, JavaScript Course for Beginners and Students | Tutorial Part 1
YouTube
Doctor J
11.2K views
Apr 30, 2023
39:30
Full Tutorial: From Design to Code with Claude Code in 40 Minutes |
…
30.8K views
6 months ago
YouTube
Peter Yang
12:36
How to Build ACTUALLY Beautiful UI With This Claude Code Skill
126.5K views
4 months ago
YouTube
Build Great Products
18:36
The Ultimate Shadcn UI + Claude Code Workflow (Design System, C
…
19K views
1 month ago
YouTube
ByteGrad
2:48:04
Build a responsive website with HTML, CSS, JS (Course)
21K views
3 months ago
YouTube
Coder Coder
5:05
5 Ways To Build Beautiful Websites Using Claude Code
77K views
3 months ago
YouTube
AI LABS
29:46
Figma + developer workflows | design systems, Code Connect, M
…
63K views
4 months ago
YouTube
Figma
5:01
Convert Figma Designs to Code with AI
17.4K views
5 months ago
YouTube
Builder
1:07:32
SOLID Design Principles | Complete Guide with Code Examples
147.9K views
10 months ago
YouTube
Coder Army
5:43
Claude Design Skills: Build Polished UIs in 5 Minutes
3.9K views
3 months ago
YouTube
Alex Christou
29:59
Turn Claude Code into Your Own INCREDIBLE UI Designer (using Pl
…
284.4K views
7 months ago
YouTube
Patrick Ellis
16:10
Design with Claude Code: The Designer’s Guide
135K views
4 weeks ago
YouTube
UI Collective
5:20
Claude Code + Figma MCP Server for Design to Code
68.8K views
7 months ago
YouTube
Builder
22:51
Claude Skills Explained: 4 Skills to 10x Your Coding Workflow
59.2K views
2 months ago
YouTube
Eric Tech
17:11
Pencil: 01 Vibe Design with Pencil and Claude Code
62.2K views
1 month ago
YouTube
Christopher Deane
16:39
Claude Designer is insane...Ultimate vibe coding UI workflow
188.2K views
9 months ago
YouTube
AI Jason
15:01
Figma Designs to Code with MagicPath (No MCP Setup)
5.4K views
1 month ago
YouTube
Sergei Chyrkov
0:37
Turn Figma Designs into Code Instantly with Claude
11K views
7 months ago
YouTube
Outright Systems
6:10
I Tried Frontend-Design Plugin in Claude Code
22.2K views
3 months ago
YouTube
AI Coding Daily
9:14
Claude Code Design V3 is ABSOLUTELY INSANE (Plugins)
8.4K views
3 months ago
YouTube
Income stream surfers
7:53
The PERFECT Design Workflow with Claude Code
21.2K views
6 months ago
YouTube
AI LABS
8:40
I Built My Entire Design System in 4 Hours With AI. Full Tutorial (Claud
…
171.4K views
3 months ago
YouTube
The Design Project
3:52
How to Make a QR Code in Canva for FREE
31.2K views
6 months ago
YouTube
Technically Trent
9:55
How to Use Figma AI To Make Sites 10X More Beautiful
139K views
4 months ago
YouTube
AI LABS
53:38
Find in video from 07:12
Design Requirements (CAP Theorem, Throughput, Latency, SLOs and SLAs)
System Design Concepts Course and Interview Prep
2.5M views
Jul 25, 2024
YouTube
freeCodeCamp.org
30:36
Build a Stunning 3D Website with HTML, CSS & Spline! 🎨✨
417K views
Mar 6, 2025
YouTube
MiladiCode
3:24
Top 6 Tools to Turn Code into Beautiful Diagrams
897.6K views
Feb 13, 2024
YouTube
ByteByteGo
1:25:07
Learn High-Level System Design by Coding YouTube – Full Course
150.7K views
Jun 11, 2024
YouTube
freeCodeCamp.org
3:24
Find in video from 00:26
How to Import Your Design from Figma
Figma to Code in One Click - How to use Visual Copilot
55.4K views
Nov 15, 2023
YouTube
Builder
2:47
Find in video from 01:20
Leveraging Design Elements
Building your First Project on CodeDesign | CodeDesign Academy
4.4K views
Oct 7, 2023
YouTube
CodeDesign
See more videos
More like this
Proactive AI Coding IDE | Agentic IDE
https://kiro.dev
Sponsored
AI for Code: Project Planning, Task Breakdown, Code Generation and Testing. Think thro…
Get Started with Kiro
·
Automate Your Workflows
·
AI Code Editor
·
Kiro Pricing
Learn Coding Techniques | Full Sail University
https://hello.fullsail.edu › Game › Development
Sponsored
Learn the foundation of the development process that will shape the gameplay experience…
Site visitors:
Over 10K in the past month
Feedback