Tutorials
Building AI-native design systems
Design systems that work with Claude Code, Cursor, Lovable, and v0. Three workflows: from scratch, from screenshots, or from Figma.
AI UX Playground · Updated Jan 14, 2026 · 12 min
AI design guides
Learn how to design AI products: tutorials, deep dives, and industry takes.
Tutorials
View all
Tutorials
How to prompt AI for accessibility (a11y)
Early prompts that catch keyboard, screen reader, and form issues before they become launch-week fires.
AI UX Playground · Updated Mar 24, 2026 · 8 min
Tutorials
Agent skills: what they are and why designers use them
Install standards once (accessibility, UX writing, critique). The agent applies them when the task matches.
AI UX Playground · Updated Jan 20, 2026 · 10 min
Tutorials
How to Save Tokens in Claude Design Without Killing Creative Quality
A practical playbook for reducing Claude Design usage, avoiding rework, and getting better output from every prompt without sacrificing creative quality.
AI UX Playground · Updated May 12, 2026 · 8 min
Tutorials
Top 10 AI Prompts Every Visual Designer Should Save
10 copy-paste prompts for mood boards, polish passes, handoff QA, and stakeholder feedback so you can make faster, sharper visual design decisions with AI.
AI UX Playground · Updated May 5, 2026 · 11 min
Tutorials
How to Prompt AI for Design System Components
From Figma to code: Build design systems AI can actually use.
AI UX Playground · Updated Mar 18, 2026 · 8 min
Tutorials
How to Prompt AI for User Research
Let AI handle the tedious jobs. You focus on what actually matters: the people and the insights they reveal.
AI UX Playground · Updated Mar 13, 2026 · 8 min
Tutorials
10 Prompting Rules I Learned After Vibe Coding 113 Interactive Demos
The prompting best practices I use every day building with AI. Context before task, one change per prompt, screenshot-driven design, and more. From a designer who codes by vibing, not typing.
AI UX Playground · Updated Feb 7, 2026 · 7 min
Tutorials
Playbooks: Chain AI Prompts Into Reusable Workflows
Single prompts are great for single tasks. But real design work like sprints, research studies, and promotions needs workflows. Here are 18 playbooks that chain prompts into step-by-step processes.
AI UX Playground · Updated Jan 28, 2026 · 5 min
Tutorials
AI Prompts to Grow Your Design Career (Impact, Workshops, 1:1s, Job Search)
A practical prompt library for designers: communicate impact, run better workshops, level up manager 1:1s, and get hired faster.
AI UX Playground · Updated Jan 27, 2026 · 9 min
Tutorials
10 AI prompts designers use for research, handoff, and career work
Prompts for research synthesis, specs, design-system audits, case studies, and resumes.
AI UX Playground · Updated Jan 6, 2026 · 10 min
Deep dives
View all
Deep dives
How to Design AI Citations & Sources UX
A build playbook for grounded answers: Trust Scaffolding, citation pattern demos, and ChatGPT vs Perplexity teardown lessons.
AI UX Playground · Updated Jul 14, 2026 · 12 min
Deep dives
How to Design AI Chat Composer UX
A build playbook for AI intent capture: Chat UX patterns plus ChatGPT vs Claude vs Perplexity vs Gemini composer teardown lessons.
AI UX Playground · Updated Jul 14, 2026 · 12 min
Deep dives
How to Design AI Output, Artifacts & Refinement UX
A build playbook for keepable AI output: artifacts, refinement, and ChatGPT vs Claude vs Perplexity vs Gemini teardown lessons.
AI UX Playground · Updated Jul 14, 2026 · 12 min
Deep dives
How to Design AI Memory & Personalization UX
A build playbook for inspectable continuity: memory controls, persona settings, and ChatGPT vs Claude vs Perplexity teardown lessons.
AI UX Playground · Updated Jul 14, 2026 · 12 min
Deep dives
How to Design AI Onboarding & First-Value UX
A build playbook for time-to-first-success: example prompts, wizards, and Notion AI vs Lovable vs Manus teardown lessons.
AI UX Playground · Updated Jul 14, 2026 · 12 min
Deep dives
What is Human-in-the-Loop UX? A 2026 Guide with ChatGPT, Gemini & Perplexity Examples
Human-in-the-loop UX is the set of approval, edit, and handoff controls that keep a person in charge of consequential AI actions. The model can draft, plan, and prepare. A person owns send, spend, deploy, or delete.
Bestfolios · Updated Aug 18, 2026 · 12 min
Deep dives
Designing better AI chat (part 2 of 2)
Citations, memory, thread navigation, export, and recovery patterns that make AI chat usable past the demo.
AI UX Playground · Updated Apr 14, 2026 · 12 min
Deep dives
Designing better AI chat (part 1 of 2)
Make AI chat clear and controllable: streaming, tool switching, drafts, and branching.
AI UX Playground · Updated Apr 8, 2026 · 12 min
Deep dives
Claude vs ChatGPT: composer design choices
How ChatGPT and Claude's composers differ on tools, modes, and context, and what to reuse in your own product.
AI UX Playground · Updated Dec 30, 2025 · 10 min
Deep dives
The trust stack: 7 patterns that make AI feel safe to use
Capability is not adoption. Seven UX patterns that build trust in the interface: citations, process, uncertainty, and control.
AI UX Playground · Updated Dec 15, 2025 · 8 min
Deep dives
The AI chat interface playbook: 5 patterns worth shipping
Slash commands, @ mentions, follow-up chips, smart code blocks, and a regen carousel.
AI UX Playground · Updated Dec 8, 2025 · 7 min
Deep dives
How Cursor shaped AI coding UX: 5 patterns to steal
Artifacts, Apply, branching, streaming with context, and tool use. Cursor wins on how AI sits in the edit loop.
AI UX Playground · Updated Dec 1, 2025 · 7 min
Deep dives
Designing for AI agents: 6 UX patterns
When AI takes actions, show the plan, the tools, the queue, and the handoff.
AI UX Playground · Updated Nov 24, 2025 · 8 min
Deep dives
Visual AI patterns from Midjourney, Figma, and Runway
Variation grids, inpainting, upscaling, style transfer, and controls beyond the prompt.
AI UX Playground · Updated Nov 17, 2025 · 6 min
Deep dives
Onboarding users to AI: 4 patterns that shorten the blank prompt
Users do not know what to ask. Example prompts, empty states, progressive unlock, and guided tasks.
AI UX Playground · Updated Nov 10, 2025 · 6 min
Trends
View all
Trends
Why I Keep Returning to These Ten Vibe-Coded Projects
A Playground tour of portfolios, experiments, and Framer components that show where product feel actually gets built.
AI UX Playground · Updated Jun 2, 2026 · 12 min
Trends
The Rise of the Design Engineer in the Era of AI
Why the most valuable product people of the next decade might sit between design and code, and what taste, systems thinking, and builder energy look like in practice.
AI UX Playground · Updated May 26, 2026 · 14 min
Trends
The Week I Realized I Was Learning the Wrong Thing
In a week of nonstop AI launches, why the best investment is still timeless design fundamentals: trust, craft, and clear decision quality.
AI UX Playground · Updated Apr 28, 2026 · 7 min
Trends
Companies like Ramp are hiring AI-first designers and we built a skill for that
A practical decode of "AI-first" design hiring language, including before-vs-after workflows and a reusable skill to prep for interviews and team alignment.
AI UX Playground · Updated Apr 21, 2026 · 10 min
Trends
The prototype is the deliverable in the AI era
Running code as the shared artifact. Fewer specs, fewer translations, faster alignment with engineering and agents.
AI UX Playground · Updated Mar 30, 2026 · 9 min
Trends
How AI Is Changing the UX Designer Role (And What to Do About It)
Design used to be about making the right thing. More and more, it's about choosing the right thing from what AI makes. And knowing why.
AI UX Playground · Updated Mar 5, 2026 · 10 min
Trends
Why UX Designers Are Ditching Figma for Cursor
Figma outputs pixels. Cursor outputs products. Why the best designers are switching from static mocks to working code, and how to make the transition.
AI UX Playground · Updated Jan 15, 2026 · 10 min
Frequently asked questions
What are AI UX Playground guides?
Guides are 33 curated essays organized as tutorials (11), deep dives (15), and industry trends (7). They complement the pattern catalog with step-by-step workflows, pattern essays with demos, and perspective on where AI product design is heading.
How do guides differ from patterns and teardowns?
Patterns are named UX solutions with definitions and demos. Teardowns are screenshot walkthroughs of shipped products. Guides teach process and connect patterns into narratives: how to build an AI-native design system, how trust patterns work together, or how roles and tools are shifting.
Which guide type should I browse first?
Choose Tutorials when you need a step-by-step workflow. Choose Deep dives when you are specing chat, trust, or agents and want pattern context with demos. Choose Trends when you are aligning stakeholders on tooling, roles, or deliverables.