Design

AI support for building, testing, iterating, and refining design work

AI is used for selected parts of building, testing, iteration, and critique-to-revision loops within the design workflow, helping teams accelerate prototype execution, ideation-to-draft work, synthesize usability and critique feedback, queue follow-up changes during generation, plan revisions between rounds, carry context forward, and update guidance for future passes.

Why the human is still essential here

AI helps with operational parts of the workflow, but humans remain responsible for the actual design choices, interpreting feedback, prioritizing changes, maintaining quality standards, and making the final creative and product decisions.

How people use this

Wireframe-to-prototype acceleration

AI helps expand approved structures into editable screens or variants that designers can adjust during the build phase.

Figma AI / Uizard

Usability test insight summaries

AI summarizes prototype test sessions and surfaces repeated friction points so the team can review findings more efficiently.

Maze / Dovetail

Revision planning from critique notes

Notion AI turns critique notes and action items into a prioritized iteration checklist that helps the team carry feedback cleanly into the next pass.

Notion AI / Claude

Need Help Implementing AI in Your Organization?

I help companies navigate AI adoption -- from strategy to production. Whether you are building your first LLM-powered feature or scaling an agentic system, I can help you get it right.

LLM Orchestration

Design and build LLM-powered products and agentic systems

AI Strategy

Go from idea to production with a clear implementation roadmap

Compliance & Safety

Build AI with human-in-the-loop in regulated environments

Related Prompts (4)

Latest community stories (4)

News
Article

Plan smarter with more context in Make

Plan mode

Plan mode is a new opt-in mode that helps you shape that direction before generation starts. Make takes a look at your project, asks a few clarifying questions, and drafts a plan you can edit, refine, and approve before anything gets built.


It's most useful for complex workโ€”multi-section layouts, detailed specs, design importsโ€”where getting aligned upfront leads to noticeably better results. For simpler prompts, you can skip it and build directly.


Turn it on via the dropdown in the prompt box or the /plan command. Because plan mode does extra work upfront, it uses more AI credits than a standard buildโ€”you'll see an estimate before you commit.


Web search & fetch


Make can now pull live context from the web mid-build. Search broadly or fetch a specific URL to ground builds in current content. Tool-call approvals let you review before anything enters your session.


Queued messages


Stack follow-up instructions while Make is still generating. Edit or delete them before they commit, and they'll send automatically once the current build finishes.

F
FigmaProduct team
Jun 3, 2026
Personal Story
LinkedIn

I presented my custom AI design workflow to our design team two weeks ago.

I presented my custom AI design workflow to our design team two weeks ago. #ClaudeDesign launched ๐™ฉ๐™ฌ๐™ค ๐™™๐™–๐™ฎ๐™จ ๐™ก๐™–๐™ฉ๐™š๐™ง and had a lot of overlap with what I built. I sat on this post for a while. ๐Ÿง˜โ€โ™€๏ธ

Decided to share because building it taught me something about where custom workflows are still optimal (for now).


๐˜ข๐˜ญ๐˜ช๐˜ฆ๐˜ฏ๐˜ฆ ๐˜พ๐˜ญ๐˜ข๐˜ถ๐˜ฅ๐˜ฆ ๐˜ฟ๐˜ฆ๐˜ด๐˜ช๐˜จ๐˜ฏ ๐˜ธ๐˜ช๐˜ฏ๐˜ด

Seed of an idea โ†’ something โ€œgood enoughโ€ to move a conversation forward, fast. Built-in sketch tool (hey, thatโ€™s the โ€œdigital napkinโ€ concept), consistent format, easy to share and comment on. For early ideation, itโ€™s genuinely convenient.


๐˜ข๐˜ญ๐˜ช๐˜ฆ๐˜ฏ๐˜ฆ ๐˜˜๐˜ถ๐˜ด๐˜ต๐˜ฐ๐˜ฎ ๐˜ด๐˜ฌ๐˜ช๐˜ญ๐˜ญ๐˜ด ๐˜ธ๐˜ช๐˜ฏ

๐˜„๐˜ฉ๐˜ฆ๐˜ฏ ๐˜ช๐˜ต ๐˜ด๐˜ต๐˜ข๐˜ณ๐˜ต๐˜ด ๐˜ฃ๐˜ฆ๐˜ง๐˜ฐ๐˜ณ๐˜ฆ ๐˜จ๐˜ฆ๐˜ฏ๐˜ฆ๐˜ณ๐˜ข๐˜ต๐˜ช๐˜ฐ๐˜ฏ. My workflow begins with /๐˜ฃ๐˜ณ๐˜ช๐˜ฆ๐˜ง-๐˜ค๐˜ณ๐˜ฆ๐˜ข๐˜ต๐˜ช๐˜ฐ๐˜ฏ, a live or async brainstorm between me and AI that builds a comprehensive project context before anything gets made. In async mode, AI generates a questionnaire based on the problem area, the team discusses and answers it in a working session, then we bring the answers back to Claude Code and AI picks up from there. That context carries forward into every skill downstream.


๐˜พ๐˜ฐ๐˜ฎ๐˜ฑ๐˜ฐ๐˜ฏ๐˜ฆ๐˜ฏ๐˜ต ๐˜ง๐˜ช๐˜ฅ๐˜ฆ๐˜ญ๐˜ช๐˜ต๐˜บ. Claude Design rebuilds components as HTML files rather than pulling from the actual codebase I uploaded, which sometimes isn't 1-to-1 with the actual design system โ€” missing states, missing components, approximate spacing. Custom skills can go deeper, connecting to your real design system components and anti-patterns, so what comes out actually matches your product styles and adheres to your design system better.


๐˜๐˜ฉ๐˜ฆ ๐˜ด๐˜บ๐˜ด๐˜ต๐˜ฆ๐˜ฎ ๐˜ญ๐˜ฆ๐˜ข๐˜ณ๐˜ฏ๐˜ด โ€” or at least, starts to. Every time I run /๐˜ฅ๐˜ช๐˜ณ๐˜ฆ๐˜ค๐˜ต-๐˜ฉ๐˜ช๐˜ง๐˜ช and flag what's off, the anti-patterns file updates. The goal is for team decisions and feedback to feed back in the same way, still figuring out that part. But even the early version compounds.


Thatโ€™s the thinking behind this experiment: how my custom skills actually chain together across the double-diamond design process.

/๐˜ฃ๐˜ณ๐˜ช๐˜ฆ๐˜ง-๐˜ค๐˜ณ๐˜ฆ๐˜ข๐˜ต๐˜ช๐˜ฐ๐˜ฏ โ†’ /๐˜ค๐˜ณ๐˜ฆ๐˜ข๐˜ต๐˜ฆ-๐˜ฅ๐˜ฆ๐˜ค๐˜ฌ โ†’ /๐˜ฎ๐˜ช๐˜ฅ-๐˜ต๐˜ฐ-๐˜ฉ๐˜ช๐˜ง๐˜ช ๐˜ฐ๐˜ณ /๐˜ฅ๐˜ช๐˜ณ๐˜ฆ๐˜ค๐˜ต-๐˜ฉ๐˜ช๐˜ง๐˜ช โ†’ /๐˜ช๐˜ต๐˜ฆ๐˜ณ๐˜ข๐˜ต๐˜ฆ โ†’ /๐˜ค๐˜ฐ๐˜ฅ๐˜ฆ-๐˜ต๐˜ฐ-๐˜ง๐˜ช๐˜จ๐˜ฎ๐˜ข โ†’ /๐˜ข๐˜ฅ๐˜ฅ-๐˜ต๐˜ฐ-๐˜ด๐˜บ๐˜ด๐˜ต๐˜ฆ๐˜ฎ

Each skill's output is the next skill's input. Human checkpoint and decision making at every stage. Also, you don't have to use all the skills. Already have a brief? Start at exploration. Already have hi-fi? Jump to /๐˜ช๐˜ต๐˜ฆ๐˜ณ๐˜ข๐˜ต๐˜ฆ.


Check the 3min video below for the highlights of my walkthrough. ๐Ÿ‘‡


Claude Design is genuinely great, but a custom workflow can be tuned to your methodology, your design system, your rhythm in ways a general tool can't, at least not yet. Until it fully closes the gaps (and I believe it will), there's room for each of us to systematize how we work with AI, not just adopt it.


Still a lot to explore for future experiments: one-click wireframe โ†” hi-fi switching, converting prototyping code โ†’ production, tighter design system compliance, and more.


Curious what gaps you're working around with Claude Design or anything else. Leave your comments!

BM
Beijuan MiaoStaff Product Designer @ LinkedIn | Mentor @ ADPList
Apr 28, 2026
Personal Story
X

How I use AI in my Design Workflow

How I use AI in my Design Workflow

My design workflow has evolved over the last few months. I truly believe this is the best time to be a designer; the things we can now cook will be legendary.

D
DruidsSenior Product Designer & Design Engineer
Apr 30, 2026
Personal Story
LinkedIn

I decided a while ago to not use AI to create designs at the agency.

I decided a while ago to not use AI to create designs at the agency.

Weโ€™ve tried it. Some parts of the process are cool.ย  But weโ€™re creating human-to-device connection here.


And our designs come from our ideas which come from our conversations with you.


Iโ€™ll continue using AI as a tool for planning, parts of building and testing.ย  But when it comes to design, AI-use will be minimal if at all.


Design is not something Iโ€™m looking to delegate to AI right now.

NB
Nate BergerFounder
Apr 14, 2026