Browse Resources
Curated resources for AI native designers. The resource stack for designers making the shift to AI native.
WatchHow I Actually Use Claude Code in My Design Workflow
UI Collective shows how Claude Code fits into real product design work, UX decisions, documentation, and Figma MCP.
WatchDesign with Claude Code: The Designer's Guide
A designer-focused guide to using Claude Code with Figma MCP without losing design control.
WatchClaude + Figma MCP - Updated Setup for Designers
Nehmat Gereige walks through a designer-friendly Claude and Figma MCP setup.
WatchFigma MCP Skills in Claude - Deep Dive
A deeper look at Figma MCP Skills, token savings, predictable UI generation, and designer control.
WatchHow AI is Changing Design Workflows
Dive Club panel on how strong product designers are using AI for prototyping, workflow, and product design.
WatchKris Puckett - Becoming an AI-native designer
A Dive Club interview on Claude Code, custom skills, internal tools, and AI-native product design practice.
WatchThe only AI design workflow that makes sense
Tommy Geoco's product-designer take on practical AI design workflow and tooling judgment.
WatchJenny Wen: She Went From FigJam to Anthropic
A UX conversation about AI products, Anthropic, FigJam, and how design changes when AI is the material.
WatchVibe Coded Design Masterclass
Mikey Itua's guide to designing with AI while keeping product polish, taste, and workflow clarity central.
WatchHow to Use Claude Code as a Designer
A full designer-oriented Claude Code guide from Mikey Itua.
WatchThe Secret to Creating Beautiful AI Websites and Apps
A practical look at improving AI-generated websites and apps beyond generic output.
WatchAI = Code: Why Designers Must Learn to Vibe Code
A designer-led argument for why AI-assisted coding is becoming part of modern design practice.
WatchBuild a Portfolio Website Using Claude Code
A practical designer-focused Claude Code build for a portfolio website.
Watch10x Faster Design? Generating Variants with Paper MCP + Cursor
A concrete Paper MCP and Cursor workflow for quickly generating design variants.
WatchDesign This Animated Website Using Figma + AI
Kyle Skelly demonstrates an animated website design workflow using Figma and AI.
WatchClaude Design Full Course
Viktor Oddy covers building and selling animated sites with Claude Design.
WatchThis One Skill Makes Claude Code Actually Good at Web Design
Lukas Margerie on improving Claude Code output for web design with a more intentional workflow.
WatchI Redesigned 5 Local Business Websites With AI
A full AI website redesign workflow across multiple local business websites.
WatchBuild & Deploy a Client Website with Claude Code
A client-site workflow covering design, deployment, SEO, and compliance with Claude Code.
WatchAI-Ready Design Systems w/ TJ Pitre
A design-systems conversation on Figma, Storybook, MCP tooling, A2UI, and AI-ready production workflows.
WatchHow I use Claude Code as a Designer at Shopify
Sneak Peek shows a company-design workflow for using Claude Code as a designer at Shopify.
WatchHow I Vibe Code as a Designer at Intercom
A mature product-team workflow for AI-assisted coding from a designer's perspective.
WatchHow I Vibe Code as a Designer using AI Tools at Descript
A designer-at-company look at using AI tools inside Descript's product design workflow.
WatchHow I Vibe Code Figma Widgets with Cursor in 1hr
A design-tool building workflow connecting Figma widgets, Cursor, and AI-assisted coding.
Watch7 Senior Designers Show How They Avoid AI Design Slop
Senior designers discuss how to avoid generic AI output and keep taste, critique, and craft in the workflow.
WatchHow I Design Apps 10x Better with AI (Free Course)
Build Great Products' free course on going beyond AI-generated apps — focusing on product feel, UX, and what makes an app people actually love.
WatchDesigner at Early Stage Startup Shows Her Workflow (and AI Tools She uses)
Sneak Peek interview with Claire Taylor on how a designer at an early-stage startup uses AI tools day to day.
WatchHow to Sync Designs with Your Codebase Using Paper MCP, Claude Code, and Cursor
A practical walkthrough of using Paper MCP to connect design work with your codebase via Claude Code and Cursor.
WatchNad Chishtie: Lovable's Design System For Agents
Lovable's Head of Design on building a design system aimed at AI agents and the company's role in the AI coding wave.
WatchClaude Code Workflows for Designers: UX Design, Design Systems, Figma MCP + More
Designer-focused Claude Code workflows across UX, design systems, and Figma MCP integration.
WatchDesign Engineer at DuckDuckGo Shows His Workflow (and AI Tools He uses)
Sneak Peek interview with Karl Koch on a design engineer's day-to-day AI tooling and workflow at DuckDuckGo.
WatchThis MCP Gives Claude Code 600,000+ Real Design References
Griffin Wooldridge on wiring Mobbin's MCP into Claude Code for real UI references instead of guessed layouts.
WatchTurn Claude Code into a Design GENIUS
Kyle Skelly on sharpening Claude Code's design output with Mobbin MCP as a reference source.
WatchCursor's New Design Mode Just Changed Web Design Forever
Lukas Margerie on Cursor's new Design Mode — pointing, drawing, or talking to an agent that rewrites code live in the browser.
WatchClone & Remix any UI Design in Cursor using this Workflow
Lukas Margerie shows how to copy a website's design and rebuild it in Cursor with Claude Code.
Watch7 AI Tools I Use to Ship Design Systems Faster (Full Workflow)
The Design Project walks through a full toolkit for shipping design systems faster with AI.
WatchTommy Geoco - The state of the design industry right now
Dive Club's conversation with Tommy Geoco on where the design industry stands as AI reshapes the craft.
WatchI Transformed This Broken AI Website Into Something Beautiful
Lukas Margerie takes a rough AI-generated site and rebuilds it with real design judgment.
WatchThis MCP Builds Entire Branded Websites in Claude Code
Lukas Margerie on an MCP workflow for generating fully branded websites directly in Claude Code.
WatchNew Codex Design Workflow Makes Codex Better Than Most Designers
Lukas Margerie compares a new Codex-based design workflow against typical human design output.
WatchBuild a Design Portfolio with AI: Claude Design + Google Antigravity
UI Collective builds a design portfolio end-to-end using Claude Design alongside Google Antigravity.