ViewTube

ViewTube
Sign inSign upSubscriptions
Filters

Upload date

Type

Duration

Sort by

Features

Reset

11,443,638 results

DesignCode

348K subscribers

Ryan Hayward
AI Web Design Workflow: Design → Code

Turn your designs into code with Claude (full workflow) Master Claude for designers https://aidesignercourse.com/ Tools ...

14:25
AI Web Design Workflow: Design → Code

3,689 views

5d ago

DesignCode
Incredible 3D Websites With Opus 5.5: My Full Workflow

Opus 5.5 is insane for web design. In this complete walkthrough, I show how I build a Japanese-inspired 3D website in Claude ...

47:50
Incredible 3D Websites With Opus 5.5: My Full Workflow

18,995 views

2d ago

The Design Project
Stop Wasting Dev Time on Frontend: Figma to Code in 8 Minutes

Speeding up your design-to-dev handoff is one of the biggest opportunities to 3x your product velocity, but most teams don't know ...

6:08
Stop Wasting Dev Time on Frontend: Figma to Code in 8 Minutes

67,436 views

11mo ago

The Design Project
Design-to-Code Workshop with Claude Code, Cursor & Figma (Friends of Figma Miami - Feb 2026)

You've seen the design-to-code demos. But what does it actually look like to set up your environment, clone a repo, prompt ...

42:49
Design-to-Code Workshop with Claude Code, Cursor & Figma (Friends of Figma Miami - Feb 2026)

8,723 views

7mo ago

Peter Yang
Full Tutorial: From Design to Code with Claude Code in 40 Minutes | Meaghan Choi

Copy my best AI workflows to save time and automate busywork: https://www.behindthecraft.com Subscribe to my practical AI ...

39:30
Full Tutorial: From Design to Code with Claude Code in 40 Minutes | Meaghan Choi

34,855 views

1y ago

Figma
Designing in code | Config 2026

The gap between designing and working in code is closing. Learn how two new launches bring code natively into Figma.

42:42
Designing in code | Config 2026

24,429 views

3mo ago

Flux 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 ...

8:27
My Design-to-Code Process with AI

18,822 views

5mo ago

Fireship
10 Design Patterns Explained in 10 Minutes

Software design patterns help developers to solve common recurring problems with code. Let's explore 10 patterns from the ...

11:04
10 Design Patterns Explained in 10 Minutes

2,870,478 views

4y ago

Tristen O'Brien
Claude Code Just Dropped /Design. (Master it in 8 Minutes).

FREE — Get my complete Prompt Library + my AI newsletter to stay up to date on everything AI: https://tristenobrien.ai Mobbin ...

8:03
Claude Code Just Dropped /Design. (Master it in 8 Minutes).

152,859 views

1mo ago

UI Collective
Designing With AI: Claude, Codex, Figma | Full Guide

Learn how to design with AI using Claude from Anthropic, Codex from OpenAI, Google Stitch, Mobbin, and Figma. This full guide ...

1:27:43
Designing With AI: Claude, Codex, Figma | Full Guide

202,295 views

4mo ago

AI LABS
Insane Claude Design Skills You Need To Actually Build Beautiful Sites

These Claude design skills actually work. Most steer Claude AI away from its same-old look; only a few deliver. In this video we go ...

12:55
Insane Claude Design Skills You Need To Actually Build Beautiful Sites

259,803 views

1mo ago

samuel åkesson
Why I use code to do graphic design

Mentioned in the video: - typst: https://github.com/typst/typst - typst-preview: https://github.com/chomosuke/typst-preview.nvim ...

3:46
Why I use code to do graphic design

96,456 views

10mo ago

Jay E | RoboNuggets
25 Tricks to Level Up Claude Design in 13 Mins

Get the 25 Claude Design Tricks guide for free ➡ https://www.skool.com/robonuggets-free/classroom search for n76 Learn how to ...

13:32
25 Tricks to Level Up Claude Design in 13 Mins

38,275 views

20h ago

DesignCode
How I Build Insane Three.js Websites With Claude Opus 5

I have been building more Three.js websites because Claude Code with Opus 5 can now study a live reference, inspect its motion ...

40:12
How I Build Insane Three.js Websites With Claude Opus 5

125,324 views

1mo ago

Figma
Figma + developer workflows | design systems, Code Connect, MCP, and Make

Dive into developer workflows in Figma with Jake. We'll talk about design systems, Code Connect, MCP, and Make. 00:00 Intro ...

29:46
Figma + developer workflows | design systems, Code Connect, MCP, and Make

109,864 views

10mo ago

IBM Technology
Bridging Design Systems and Code with MCP and AI Agents

Learn more about Context Engineering here → https://ibm.biz/~Ep1sRClsw AI agents are changing how modern software gets ...

3:47
Bridging Design Systems and Code with MCP and AI Agents

14,581 views

3mo ago

Ryan Hayward
Turn Any Figma Design Into Code with Claude (tutorial)

Figma to Code - easily with Claude! Master Claude for designers https://aidesignercourse.com Ompo - Visual Editor ...

12:10
Turn Any Figma Design Into Code with Claude (tutorial)

18,984 views

1mo ago

Show more