Design Tools

The missing design vocabulary for agents. Impeccable strips the slop from AI-generated interfaces, gives you precise commands to steer, and iterates visual…

SaaS UI inspiration library with 226,200+ real screenshots from 640+ apps, searchable by pattern and draggable straight into Figma.

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

A CSS-like declarative stylesheet language for binding sounds to UI events on the web. Write selectors and cascade rules for audio the same way you already do for visual styles.

Upload your logo symbol and instantly see how it performs at every scale — from favicon to billboard. Test readability, contrast, and visual weight in seconds before the world does.

A color tool and library for exploring painterly, RYB-inspired color mixing on the web. Experiment with gamut presets, palette generation, and color relationships that feel more like paint than pixels.

Photopea is a browser-based photo and graphics editor built by a solo developer whose UI matches Photoshop closely enough that Adobe users can start immediately. It handles PSD, AI, PDF, SVG, and CDR formats, stores files locally rather than uploading them, and works offline after the initial load. Free with ads; $9/month removes ads and adds AI credits. No installation, no subscription required for core use.

Preview your locally installed fonts in the browser — with adjustable size, weight, sample text, and background options.

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.

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.

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.

An open-source, local-first browser design editor for posters, social graphics, and layout work. Avnac is a Canva alternative built on React and TypeScript — your files stay on your machine by default. There's also a native desktop version (Avnac Studio) built with Go. No cloud sync unless you want it.

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.

Wiretext is a browser-based wireframing tool where everything renders as Unicode box-drawing characters — you get a spatial canvas with 30+ pre-built components (buttons, modals, tables, navbars, calendars) and export as plain text, Markdown, or shareable compressed URL links. The output is a text file you can paste into a PR, README, or spec doc without any image dependencies. Open source on GitHub.

AI-powered design canvas that outputs real React + Tailwind code. Works with your codebase via MCP — Claude Code, Cursor, and Codex integrations built in.

Open-source, local-first AI design editor that reads and writes .fig files and exports directly to production code.