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
2:47
YouTube
CodeDesign
Building your First Project on CodeDesign | CodeDesign Academy
In this video, we'll show you how to create your first project on CodeDesign. Using either the AI generate feature or right from our templates. -------------- 0:00 Introduction 0:15 Getting Started with AI Prompt 0:47 Regenerate option 1:00 AI Magic and other costumizations 1:40 Adding Pages 1:51 Saving and Publishing your project 2:07 Option 2 ...
4.2K views
Oct 7, 2023
Related Products
QR Code Designer
Abstract Art Designs
Code Design Stickers
#CodePen Projects
"🔥 CodePen Tutorial for Beginners (2024) | Build & Share Projects Like a Pro!"
YouTube
Jan 8, 2025
What are CodePen Projects?
YouTube
Jan 28, 2021
Top videos
3:24
Top 6 Tools to Turn Code into Beautiful Diagrams
YouTube
ByteByteGo
878.7K views
Feb 13, 2024
39:30
Full Tutorial: From Design to Code with Claude Code in 40 Minutes | Meaghan Choi
YouTube
Peter Yang
27.3K views
4 months ago
1:25:07
Learn High-Level System Design by Coding YouTube – Full Course
YouTube
freeCodeCamp.org
145.5K views
Jun 11, 2024
CodePen Challenges
0:17
Mastering Code with CodePen Challenges
YouTube
Edson Blasie
3 views
2 months ago
7:01
How to Create A Deciphering Text Effect Using GSAP & SplitText Plugin - CodePen Challenge
YouTube
Wael Yasmina
549 views
8 months ago
4:55
How to Create An Animated Loading Indicator Using GSAP & DrawSVG Plugin - CodePenChallenge
YouTube
Wael Yasmina
799 views
8 months ago
3:24
Top 6 Tools to Turn Code into Beautiful Diagrams
878.7K views
Feb 13, 2024
YouTube
ByteByteGo
39:30
Full Tutorial: From Design to Code with Claude Code in 40 Minutes |
…
27.3K views
4 months ago
YouTube
Peter Yang
1:25:07
Learn High-Level System Design by Coding YouTube – Full Course
145.5K views
Jun 11, 2024
YouTube
freeCodeCamp.org
17:19
How to use Visual Studio Code to Make a Website Using HTML, CSS
…
389.3K views
Nov 11, 2024
YouTube
SkillsBuild Security
16:39
Claude Designer is insane...Ultimate vibe coding UI workflow
186.5K views
7 months ago
YouTube
AI Jason
29:46
Figma + developer workflows | design systems, Code Connect, M
…
46.8K views
3 months ago
YouTube
Figma
29:59
Turn Claude Code into Your Own INCREDIBLE UI Designer (using Pl
…
272.7K views
5 months ago
YouTube
Patrick Ellis
8:21
Create Beautiful UI with Claude Code
49.6K views
6 months ago
YouTube
Developers Digest
5:01
Convert Figma Designs to Code with AI
12.4K views
4 months ago
YouTube
Builder
19:45
Create A Portfolio Website Using HTML and CSS Only - Easy Tutorial
1.2M views
Jul 16, 2024
YouTube
Pro Coder
12:02
3 Ways to Make GENUINELY Stunning Websites Using Claude
…
91.1K views
6 months ago
YouTube
AI LABS
12:01
Canva Code Tutorial for Beginners (2025) | How to Use Canva Coding
…
7.8K views
9 months ago
YouTube
App Tutor
13:59
How to Create a Simple Website Using VS Code | Beginner's Tutorial
257 views
Dec 10, 2024
YouTube
NexGen Insiders
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.2M views
Jul 25, 2024
YouTube
freeCodeCamp.org
11:43
I Convert Figma Designs into CODE in SECONDS with V0.dev! @Vercel
…
38.7K views
Dec 29, 2024
YouTube
The Metaverse Guy
9:13
This Claude Design Workflow is INSANE (Ultimate UI/UX Vibe Codi
…
5.8K views
3 months ago
YouTube
Income stream surfers
13:12
Program Claude Code to be your new UI Designer (+ works with an
…
53.2K views
8 months ago
YouTube
AI LABS
How to Use Canva Code for Your Small Business (Step-by-Step Gui
…
25.1K views
9 months ago
YouTube
Natalia Kalinska
6:32
Turn Figma design into code using Lovable
12.6K views
10 months ago
YouTube
Nick Babich
56:18
Turn Figma Designs into Interactive Apps with Visual Copilot 2.0
22.2K views
Oct 31, 2024
YouTube
Builder
4:39
How to Create a QR Code for Free with Canva | Step by Step Guide
5.8K views
Jul 14, 2024
YouTube
Social Smarty - Jodine McIntyre
8:40
I Built My Entire Design System in 4 Hours With AI. Full Tutorial (Claud
…
101.1K views
2 months ago
YouTube
The Design Project
7:29
Find in video from 00:38
Using the QR Code Generator
How to Create Custom QR Code Designs with Inkscape: Free QR C
…
16.1K views
Jul 6, 2024
YouTube
IronEcho Design
9:47
8 Design Patterns EVERY Developer Should Know
1.3M views
Feb 6, 2023
YouTube
NeetCode
1:11:59
Find in video from 00:16
Navigation Bar and Menu Design
How To Make Website Using HTML & CSS | Full Responsive Multi Pag
…
7.2M views
Mar 15, 2021
YouTube
GreatStack
23:06
Find in video from 00:43
Strategy Design Pattern Definition
Master Strategy Design Pattern in Spring Boot | Interview-Ready Gui
…
33.7K views
Sep 21, 2022
YouTube
Code Decode
30:39
Claude Code 30-min Tutorial: Coding a Figma to Code Plugin
21.8K views
11 months ago
YouTube
DesignCode
11:38
Design to Code in 1 Click! Figma Make AI Tutorial (Full Tutorial)
1.7K views
8 months ago
YouTube
Raouf Belakhdar
7:53
The PERFECT Design Workflow with Claude Code
20.9K views
4 months ago
YouTube
AI LABS
See more videos
More like this
Feedback