Design & UX AI prompts
UI design, UX research, prototyping, design systems and accessibility. Best for UX research synthesis and interface critique, wireframes, handoff thinking, and design systems, making creative work more structured without flattening it.
338
In this category
All of them
Free to copy
5
Subcategories
3
Difficulty levels
Every prompt below is open. Copy it straight into ChatGPT, Claude, or Gemini.
Guide
Starter prompts guide
Open the guide that shows how this prompt category fits into a broader workflow.
Role path
Product path
See how this category fits into a role-based AI workflow instead of using prompts in isolation.
Generator
Generate prompt variants
Use the prompt generator when you know the job to be done but not the exact prompt structure yet.
Course path
Course library
Move into structured lessons when you want a repeatable system, not only a single prompt.
Choose the closest workflow
Filter by subcategory and difficulty first. That usually gets you to the right prompt faster than scrolling the full list.
Filtered prompts
67 prompts match the current filters
Review a design handoff for missing interaction states
A component state matrix and designer/developer decision list. Start with your own evidence and finish with a reviewable next step.
Best for
Produce a component state matrix and designer/developer decision list from the supplied inputs.
UI Component Library with Inventory and Prioritization
Comprehensive audit of required components, organized by category, with a prioritized build roadmap.
Best for
Conduct a UI inventory and determine which components to build first for the design system, maximizing impact with minimal initial effort.
Multi-Platform Design Tokens with Figma-to-Code Synchronization
Design token architecture that works across Figma, React, React Native, and CSS, with automated synchronization pipeline.
Best for
Implement a design token system that serves as the single source of truth between design and code, eliminating visual inconsistencies across platforms.
Design System Documentation in Storybook with Live Examples
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Design System Documentation in Storybook with Live Examples” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Design System Versioning Strategy and Breaking Changes Management
Semantic versioning, migration guides, and breaking change communication for a design system used by multiple product teams.
Best for
Implement a versioning process that allows the design system to evolve without breaking existing products, with clear migration paths and efficient stakeholder communication.
Design System Adoption Strategy for Resistant Organizations
Tactical plan to increase adoption of a design system in an organization where teams prefer building custom solutions.
Best for
Create a change management strategy that transforms an underutilized design system into an organizational standard, overcoming resistance from autonomous teams.
Design System ROI Calculator and Business Case Template
Build a business case framework that quantifies the return on investment of a design system, measuring time savings, consistency improvements, and reduced rework.
Best for
Create a data-driven ROI model for design system investment that justifies budget allocation, tracks realized benefits, and communicates value to non-design stakeholders.
Design System Contribution Workflow: From Request to Published Component
Define a streamlined contribution process that enables any designer or developer to propose, build, review, and publish new components to the design system.
Best for
Create a contribution workflow that balances quality control with speed, enabling community contributions while maintaining design system standards and consistency.
Design System Audit: Assessing Maturity, Consistency, and Adoption
Conduct a comprehensive audit of an existing design system to assess its maturity level, identify inconsistencies, measure adoption, and create an improvement roadmap.
Best for
Evaluate a design system across multiple dimensions (completeness, consistency, adoption, documentation, governance) to identify gaps and prioritize improvements.
Mobile-First Component Specifications for Responsive Design Systems
Define responsive behavior specifications for each component in a design system, ensuring consistent adaptation from mobile 320px to desktop 1920px+.
Best for
Create detailed responsive specifications for every design system component, documenting how each component adapts across breakpoints so designers and developers share a single source of truth.
Accessibility Standards for mobile banking System
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Accessibility Standards for mobile banking System” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Documentation for real estate listing Components
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Documentation for real estate listing Components” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Animation Guidelines for e-commerce checkout UI
A user-flow/copy specification and prioritized validation cases. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Animation Guidelines for e-commerce checkout UI” with a user-flow/copy specification and prioritized validation cases that can be checked against the supplied evidence.
Responsive Breakpoints for food delivery System
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Responsive Breakpoints for food delivery System” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Content Strategy for social media Design
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Content Strategy for social media Design” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Content Strategy for project management Design
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Content Strategy for project management Design” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Documentation for project management Components
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Documentation for project management Components” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Accessibility Standards for e-commerce checkout System
A user-flow/copy specification and prioritized validation cases. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Accessibility Standards for e-commerce checkout System” with a user-flow/copy specification and prioritized validation cases that can be checked against the supplied evidence.
Documentation for real estate listing Components
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Documentation for real estate listing Components” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Documentation for e-commerce checkout Components
A user-flow/copy specification and prioritized validation cases. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Documentation for e-commerce checkout Components” with a user-flow/copy specification and prioritized validation cases that can be checked against the supplied evidence.
Content Strategy for e-commerce checkout Design
A user-flow/copy specification and prioritized validation cases. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Content Strategy for e-commerce checkout Design” with a user-flow/copy specification and prioritized validation cases that can be checked against the supplied evidence.
Figma Setup for project management Design System
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Figma Setup for project management Design System” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Content Strategy for healthcare portal Design
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Content Strategy for healthcare portal Design” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Documentation for project management Components
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Documentation for project management Components” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Content Strategy for e-commerce checkout Design
A user-flow/copy specification and prioritized validation cases. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Content Strategy for e-commerce checkout Design” with a user-flow/copy specification and prioritized validation cases that can be checked against the supplied evidence.
Responsive Breakpoints for project management System
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Responsive Breakpoints for project management System” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Component Library for social media Design
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Component Library for social media Design” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Version Control for mobile banking Design
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Version Control for mobile banking Design” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Component Library for edtech platform Design
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Component Library for edtech platform Design” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Design Tokens for mobile banking System
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Design Tokens for mobile banking System” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Every prompt here is free. The course teaches the thinking behind them.
Copy as many prompts as you like. When you want to move from single prompts to a repeatable AI workflow, Learn AI in 30 Days walks through it, one day at a time.
Buy the course once ($20), or choose US$100 once or six monthly payments of US$20 (US$120 total) access.
Related categories
Explore adjacent prompt libraries that support design & ux workflows.
Programming & Dev
Code, debugging, architecture, DevOps and AI-powered development
Social Media
Content for Instagram, LinkedIn, TikTok, YouTube and Twitter/X
Content Creation
Blog posts, videos, podcasts, infographics and ebooks with AI
E-commerce
Product listings, conversion optimization, marketplace and post-sale for online stores
How to use Design & UX prompts well
Start with the prompt closest to your workflow, replace any placeholders with your own context, and tell the model what a good output looks like. The fastest improvement usually comes from clearer context, tighter constraints, and a more specific deliverable.
This category is especially useful for UX research synthesis and interface critique. Treat the prompt as the execution layer, then refine it into a reusable workflow once you know it solves a real recurring problem.
