18 Design Tools

Search 'AI UI' for free kits, plugins and AI product templates.

Why we list it: The place to find AI UI kits and plugins — a good complement to our React components.

UI kit and design system with AI product components.

Why we list it: Polished, consistent design system — handy as a layer under AI-specific screens.

Figma-to-code with AI, including a 'Design with AI' mode.

Why we list it: Bridges the Figma-to-React gap if your team designs before coding.

AI sitemaps, wireframes and copy for marketing pages.

Why we list it: Great for structuring an AI product's landing page before any visual design.

Free whiteboard for sketching interface flows and states.

Why we list it: Sketch conversation flows and edge states before touching code.

Open-source design and prototyping tool — a Figma alternative.

Why we list it: Self-hostable design tooling for teams that want full control of their files.

Infinite-canvas whiteboard for mapping AI product flows and states.

Why we list it: Map conversation flows, approval paths and error states before building.

Figma's collaborative diagramming tool for UX flows and workshops.

Why we list it: Sketch chat flows and agent loops with the same teams already in Figma.

Rapid prototype testing with actionable UX insights.

Why we list it: Validate an AI onboarding or conversation flow before committing to code.

Accessibility toolkit for design and development workflows.

Why we list it: Catch contrast and reading issues early — especially with AI-generated text surfaces.

Minimal browser wireframing with a beautifully simple editor.

Why we list it: Layout the skeleton of an AI screen in seconds with zero setup.

Research analysis platform — tag, cluster and synthesize user interviews with AI.

Why we list it: Turn customer research into the UX decisions behind your AI features.

AI-native UX research tool for recruitment, synthesis and clips.

Why we list it: Built-for-AI research tooling — useful for validating conversational flows.

Quick low-fidelity wireframing with a deliberately rough, hand-drawn look.

Why we list it: Sketch state flows without anyone mistaking a mockup for final UI.

Design magazine, tool library and no-code prototyping community.

Why we list it: Daily design news with a solid library of prototyping tools.

Code-based design tool where prototypes reuse real React components.

Why we list it: Design with the actual components your AI app will ship with.

Vector design tool with collaborative documents and smart layout.

Why we list it: A Mac design staple for teams not on Figma.

High-fidelity interaction prototyping with sensors and variables.

Why we list it: Prototype the streaming and state transitions of an AI conversation.