Code designer regarder en ligne

10 Design Patterns Explained in 10 Minutes

Fireship

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

Vibe Coding Guide for Designers

Andres The Designer

A Designer's guide on shipping real UI, not just pretty prototypes. Yes, we'll cover Figma Make, v0/Bolt/Replit experiments, but I'll ...

Mariana Castilho - How this designer learned code and became a design engineer (Dive Club Ep. 73)

Dive Club 🤿

Mariana Castilho (https://x.com/mrncst) has one of the most impressive career trajectories of any designer I've ever met. I first saw ...

Use Claude Code DESIGNER Skill to 10x UI Designs

DesignCourse

Take the challenge #2: https://designcourse.com/app/foundations/2026-uiux Level up your coding skills: ...

Turn Claude Code into Your Own INCREDIBLE UI Designer (using Playwright MCP Subagents)

Patrick Ellis

I'm on a mission to document my journey of becoming an AI-native founder, sharing every powerful workflow and hard-won insight ...

Claude Code for Designers (Full Overview)

UI Collective

This is a full overview of Claude & Claude Code and how designers can actually use it in their workflow. If you're working in Figma ...

Claude Design FULL Tutorial: Beginner to Pro

Productive Dude

AI Foundations: https://aifoundations.io Free Resources: https://aifoundations.io/resources The ultimate Claude Design tutorial for ...

AI for Designers – Subframe & Claude Code Workshop

Subframe

Get started → https://subframe.link/yt A hands-on live build session recording with Filip, designer co-founder of Subframe, for ...

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

UI Collective

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

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

Peter Yang

Today, I want to share a new episode with Meaghan Choi. As the design lead for Claude Code, Meaghan not only designs new ...

Claude Fable 5 Builds $10,000 Websites in 21 mins

Jack Roberts

ALL Systems: https://bit.ly/4kol0y5 Firecrawl: https://bit.ly/4aHCD8A OpenArt: https://bit.ly/4bbw4LJ Most Claude Code ...

How to Prototype your Designs in 2026 ✨ Vibe coding, Anything.com, Claude Code, Figma, Paper

Cecilia Kim

Here is a full breakdown of different ways you can prototype you designs depending on your level of comfort with code and ...

So many AI Tools: When to use what? — Chris Noring, Microsoft

AI Engineer

For decades, developers have been valued primarily for how much code they could write and how quickly they could write it.

My Design-to-Code Process with AI

Flux Academy

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

Vibe code with me ♡ Build an App with 0 Coding Experience (Cozy Vlog)

meshtimes

Remember: everyone starts somewhere! If you've ever told yourself "I could never do that" — this video will show you that you ...

Program Claude Code to be your new UI Designer (+ works with any IDE)

AI LABS

Claude Code powers the future of UI workflows. This video shows how to use Claude Code with real examples, a full Claude ...

Claude Design: Worth It or Just Hype?

Flux Academy

Claude Design is one of the most talked-about AI tools for designers right now, but is it actually useful for real client work or just ...

The 7 Levels of Building ELITE Websites with Claude Code

Chase AI

In this video, I give you that map as I break down the 7 levels of Claude Code design progression, giving you the exact skills you ...

Claude Code for Designers: All the Ways to Use It

UI Collective

Try Claude Opus 4.7 for AI design workflows: https://clau.de/UICollective Learn senior design skills and more: ...

Gemini 3 changes everything for web design

DesignCode

Gemini 3 is here, and it is the "golden era" for AI web design. In this 37-minute tutorial, I'm showing you exactly how to move ...