Design Tools

Library of design skill files and UI prompts that give AI coding agents — Claude, Cursor, Codex, Google Stitch — a consistent visual design system to follow when generating interfaces.

Prompt-to-HTML design tool from Meng To that generates landing pages, mobile screens, motion designs, and reusable design systems — with Figma handoff and React export on paid plans.

A design canvas that outputs production-ready HTML, CSS, and React instead of a static file. Powered by Claude Code. Currently in public beta.

AI-native canvas for product teams that turns intent into shippable UI. Dawn builds opinionated, structured interfaces with real design judgment — not templates. Founded by Brendan and Leo (ex-Envision, Google), the tool targets anyone going from idea to production without the design-to-dev handoff.

Womp is a beginner-friendly browser-based 3D modeler built around 'Goop' — a liquid modeling system where objects blend organically as you push and pull primitives together. It renders at 4K with PBR materials, supports real-time collaboration, and connects directly to a 3D printing service for physical output. Compared to Spline (which targets web embedding), Womp skews toward art-making and fabrication.

Captures screenshots of UI you love, extracts design tokens with AI, and builds a taste profile your coding assistants actually use. Bring your aesthetic to every AI-generated build.

Automated design reviews on every pull request. Catches accessibility issues and visual bugs in AI-generated code across React, Angular, Vue, and Svelte — expert design feedback baked into your CI pipeline.

The official open-source, local-first Claude Design alternative. Generate decks, landing pages, dashboards, and brand systems using Claude Code, Codex, Cursor, Gemini, or Qwen — driven by composable skills and portable components.

AI frontend agent that designs, codes, and tests in one loop. Kombai reads your existing codebase, generates production-ready React/Next.js, then inspects the live browser output to fix what's broken — without leaving your IDE.

A design tool where AI agents are first-class, not bolted on. Artboards, layers, auto-layout, and 66 MCP tools — Claude Code, Cursor, and Windsurf can design directly in the canvas. Built on React and Tailwind under the hood, with hosting included. Free.

Unicorn Studio is a no-code WebGL effects editor for the web — you stack layers with 70+ shader effects (gradients, glows, pixel distortions) on a spatial canvas and embed the result as a lightweight 36kb snippet. It sits between raw shaders and rigid presets, making GPU-accelerated visuals accessible without Three.js or GLSL. Think hero backgrounds and interactive effects for Webflow, Framer, or custom sites.

Readymag is a freeform browser-based design tool for creating portfolios, editorial websites, and campaign microsites without code. Unlike grid-constrained builders, it lets you place elements freely with full typographic control — variable fonts, ligatures, stylistic sets — plus scroll animations and hover interactions. Used by Condé Nast, Airbnb, and Amazon; won a Fast Company Innovation by Design Award in 2024. Note: templates are not responsive by default.

Spline is a browser-based 3D design tool that makes interactive 3D accessible to web designers without requiring Blender or Three.js skills. You get parametric modeling, timeline animation, event-driven states, and one-click embedding for websites — all with real-time collaboration. An optional AI add-on generates 3D objects and textures from text prompts.

UX Pilot generates wireframes and high-fidelity UI screens from text prompts, with standout multi-screen flow consistency that most AI tools get wrong. It includes predictive heatmaps, automated design review, bidirectional Figma integration, and HTML/CSS export. At $14-22/month, it's priced for individual designers; the credit-based model can be disruptive when credits run out mid-project.

Adora automatically captures every screen, modal, and user journey in your live product without manual event tagging, building a continuously-updated visual library of what your app actually looks like in production. AI watches for usability issues 24/7 and links findings directly to the affected screens. Founded by ex-Canva execs, backed by Blackbird Ventures with a $9.9M seed, and used by teams at Canva, Notion, and Replit.

Google Antigravity is an agentic IDE built on a forked VS Code that lets AI agents autonomously plan, write code, run the terminal, and test in a browser with minimal hand-holding. It pairs with Google Stitch (their text-to-UI design tool) to form a full design-to-code pipeline. Available free in public preview with generous Gemini 3 Pro limits; also supports Claude and OpenAI models.

Google Stitch is Google Labs' AI UI design tool powered by Gemini 2.5, generating complete design systems, interactive prototypes, and exportable code from text prompts or images. A major March 2026 update added an infinite canvas, voice interaction, a design agent, and an MCP server connecting to Claude Code, Cursor, and Gemini CLI. May 2026 (Google I/O): real-time streaming — the canvas updates as you type rather than generating complete outputs — and simultaneous multi-user editing, the most-cited missing feature. Free with 350 generations per month and Figma-format export, no download required. No pricing announced.

Create (formerly Create.xyz, now rebranded as Anything) is a prompt-to-app builder that turns plain English into working websites, micro-tools, and mobile apps with instant hosting. It's built for speed and low friction — a working prototype in minutes, no code required. Best for solo founders and non-technical creators validating ideas; not suitable for production apps that need auth, security, or scalable infrastructure.