TOOLS · SYSTEM REFERENCE · AI-NATIVE DESIGN

Design with the new tools.
Picked when they earn it.

AI-native design tools worth your time, kept current. A tool lands here when it earns a place, and the list moves as the field ships. Know one I should try: ayodhyarammohanthy@gmail.com.

OPEN AI-NATIVE DESIGN SYSTEM08 / Stay current

ADDED 17 SEP 2026 · Human control · Agents

Approval channel routing

assistant-ui lets a host route each tool-approval response to the backend that owns the paused action, while handing other approvals back to the AI SDK.

An approval is not just a card state. It has an owner, a delivery channel, a resume path and a duplicate-response boundary. Route the answer to the system that owns the paused action, keep it out of ordinary chat history, and make retry behavior explicit. MIT-licensed.

github.com/assistant-ui/assistant-ui/commit/f1c4a27ddc346f38a856a10e9e4112ef1298471d ↗

ADDED 17 SEP 2026 · Interfaces · Agents

Persistent assistant shell

assistant-ui’s floating Assistant Modal keeps a complete thread, searchable thread history, new-thread control and a resizable workspace inside a corner surface.

Persistent agents need continuity and inspectability even when the host product can only spare a corner. The shell preserves multiple conversations without becoming the whole product; keyboard resizing, viewport limits and stored size make the compact workspace usable. MIT-licensed.

assistant-ui.com/elements/assistant-modal ↗

ADDED 13 SEP 2026 · chat-ui · interaction-pattern

Don’t Hit Send

A chat interface with no send button - the model starts answering about 350ms after you pause typing, and replies stack instead of rewriting the last bubble.

The pause becomes the commit point: each pause aborts the in-flight completion and starts another with the whole draft. MIT-licensed, stdlib Python server, any OpenAI-compatible endpoint.

github.com/scalattice/dont-hit-send ↗

ADDED 13 SEP 2026 · prompting · design-vocabulary

Design Words

Browse design styles with live previews and copy the exact vocabulary as a prompt for your coding agent.

Attacks a real gap: non-designers cannot tell an agent what they want because they lack the words for it.

bensbites.com/design-words ↗

ADDED 12 SEP 2026 · generative-ui · design-systems

genieUI

Visual workspace where AI composes interfaces strictly from your registered design-system components - editable and exportable, model-agnostic.

The constraint is the product: the model selects and positions real components instead of emitting markup, so the output stays designable.

genieui.com ↗

ADDED 14 SEP 2026 · design-systems · agent-context

getdesign

Extracts a design system from any public URL into a design.md - palette, type, spacing, components grounded in the site’s real CSS - for agents to build against.

The design.md is the interesting artifact: a portable, agent-readable description of a design system.

getdesign.app ↗

ADDED 14 SEP 2026 · design-system · agent-ready

Astryx

Meta’s open-source (MIT) agent-ready React design system - 150+ accessible components, StyleX tokens, swizzle CLI, MCP tooling.

The design system built so agents and engineers share one toolchain; eight years of Meta production use behind it.

github.com/facebook/astryx ↗

ADDED 12 SEP 2026 · Design tool · Open source

Toolcraft

Open-source starter kit and UI library for building custom design apps with an AI agent.

Small tools shaped to your own workflow, built by the agent in your repo instead of rented from a platform. From Pixel Point, so the component craft is real - the agent starts from good material instead of generating its own.

toolcraft.sh ↗

ADDED 10 SEP 2026 · Agents · Guides

Frigade Assist API

Tool call that lets an in-app agent answer with on-screen click guides instead of text.

When no tool call exists for a task, most agents fall back to stale help-center RAG about their own product. Frigade learns the actual UI with a browser agent on a test account and returns a guide that points at the screen - the fallback becomes an interface instead of a paragraph.

frigade.com/assist-api ↗

ADDED 10 SEP 2026 · Generation · Open source

json-render

Generative UI framework by Vercel Labs - models emit JSON constrained to your component catalog.

The guardrail is the point: the model can only assemble components you defined, so generative UI gets predictable enough to ship. One catalog renders to React, Vue, Svelte, React Native, even PDF and terminal - and the bundled shadcn set means the first render already looks like a real product.

json-render.dev ↗

ADDED 10 SEP 2026 · Generation · Code

v0

Generative UI builder by Vercel - prompt to working React interface.

The fastest way I know to make an interface idea tangible enough to judge. Output is real React and shadcn, so the throwaway draft is already close to the stack.

v0.dev ↗

ADDED 10 SEP 2026 · Design tool · Code

Subframe

AI design tool that ships production React and Tailwind.

Design with real components, wire your design system to AI agents, ship code. The closest thing to a design tool whose output is the product, not a picture of it.

subframe.com ↗

ADDED 10 SEP 2026 · Design tool · Open source

Onlook

Open-source visual editor for running React apps - "Cursor for designers".

Edit the live app visually and the code follows. Design and implementation stop being two files apart, which is where most handoff loss lives.

onlook.com ↗

ADDED 10 SEP 2026 · Canvas · Generation

Figma AI

Generation and first drafts inside Figma.

AI where the layers stay editable. The canvas absorbs the model instead of handing you a flat image, so a generated draft can still be designed with.

figma.com/ai ↗

ADDED 10 SEP 2026 · Sites · Structure

Relume

AI sitemap, wireframe and marketing-site builder.

Structure first, style later - the right order for AI-assisted page building. It behaves like a junior IA partner rather than a mockup printer.

relume.io ↗

ADDED 10 SEP 2026 · Generation · Prototyping

Polymet

AI product designer that drafts screens and prototypes from prompts.

Useful for exploring directions before committing design time. Treat the output as a sketch to react to, not a decision to accept.

polymet.ai ↗