Explore and compare every design tool

RYBitten

3.5 / 25%

rybitten.space

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.

Diffusion Studio

3.0 / 38%

diffusion.studio

A video editor built on an infinite canvas. Create and edit videos with design-tool freedom — multi-track timeline, AI-powered workflows, and export up to 4K. Built for creators and professionals who think in layers.

Symbl

3.0 / 25%

symbl.space

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.

rams

3.7 / 38%

rams.ai

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.

Taste

3.7 / 38%

buildwithtaste.com

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.

Open Design

3.7 / 38%

open-design.ai

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.

Kombai

3.7 / 38%

kombai.com

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.

Mobbin

3.5 / 25%

mobbin.com

The world's largest library of hand-picked mobile and web UI patterns. Search 300,000+ real app screens from 1,500+ apps by component, flow, or screen type — iOS, Android, and web.

Figma

6.9/88%

www.figma.com

The dominant collaborative design platform, now a complete creation ecosystem. Config 2025 launched Draw (vector illustration), Sites (web publishing), Make (AI prototyping with Claude), and Buzz (branded asset production). As of March 2026, Figma enforces AI credit limits across all plans — 500 credits/month on free (150/day cap), scaling to 4,200 on Enterprise — with pay-as-you-go billing available. The MCP server supports two-way workflows across Cursor, Warp, Factory, and Augment, with Code Connect UI updates adding multi-file component attachments and cross-framework code previews for Org and Enterprise plans. April 2026: a major performance update delivered 10x faster vector editing, 4x smoother frames, and 92% fewer memory warnings, alongside ChatGPT Images 2.0 across all products. May 2026: Figma Make custom skills ship — reusable slash commands that package repeatable prompts into stable agent workflows, callable from any Make file, with team-sharing on the roadmap. Also May 20: the Figma AI agent launched in beta, reading your canvas and operating directly inside the file using your components, variables, and styles. May 28: Figma Make enters limited beta for local codebase connection. Connect Make to a code repository and visual edits write directly to real files, with full git workflow (diff, commit, revert) handled inside Make. June 2026: Check designs ships in beta, running design system QA against live files and flagging token drift, style mismatches, and accessibility contrast issues. Config 2026 is June 23-25 in San Francisco.

Subframe

6.7/88%

subframe.com

Subframe is a code-first UI builder where every layer maps directly to React and Tailwind components — no mockup-to-code translation gap. It ships 200+ pre-built components, design system support, and clean code export you actually own. A standout feature is MCP integration with Cursor and Claude Code, letting developers prompt new designs from their IDE. Aimed at backend-heavy teams that need to ship quality UI without a dedicated designer.

Paper

6.1/88%

paper.design

Paper is a code-native design tool where every element on the canvas is real HTML and CSS — what you design is what ships, with no conversion step. Its MCP server exposes 24 bidirectional tools so AI agents can not only read your design but modify it: sync tokens from Figma, populate UI with live API data, or convert a design into React/Tailwind and commit to GitHub. The Snapshot Chrome extension (March 2026) lets you paste any live website into the canvas as editable HTML/CSS layers, so you start from production rather than a blank slate. May 2026: QuiverAI's Arrow 1.0 model (a16z-backed, #1 on SVG Arena) is now integrated — generate and edit real editable SVG assets directly in the canvas. Built by Stephen Haney, formerly of Modulz/Radix UI; $20/month ($16/month annual).

Claude Design

7.2/63%

claude.ai/design

Anthropic's design tool built on Claude Opus 4.7. Reads your codebase and design files to build a custom design system, then generates visual work through conversation. Included with Claude Pro/Max/Team/Enterprise.

FlutterFlow

7.2/63%

flutterflow.io

FlutterFlow is a visual development platform built on Flutter that lets you build cross-platform mobile, web, and desktop apps with a drag-and-drop editor and export clean Dart code. It has native Firebase and Supabase integration, a visual logic builder for app behaviour, and Figma import for design systems. Best for MVPs and medium-complexity apps; the exported code quality draws criticism for production use, and advanced features require development experience.

Magic Patterns

7.2/63%

www.magicpatterns.com

Magic Patterns is a YC-backed AI prototyping tool that generates React and Tailwind components tuned to your existing design system — upload your brand tokens, component library, or Figma file and it generates on-brand UI rather than generic output. It's aimed at product teams iterating on an existing product, not starting from scratch; for that reason it competes more with internal prototyping workflows than with tools like Lovable or Bolt.

Claude Code

7.0/63%

claude.ai/claude-code

Anthropic's official agentic coding CLI — lives in your terminal, reads entire codebases, and executes multi-step tasks autonomously. Surpassed $1B ARR within months of general availability. Multi-agent Code Review ships as a cloud feature that catches bugs before human reviewers see them. The tool Anthropic itself uses for ~60% of internal development work.

Magic Path

7.0/63%

www.magicpath.ai

MagicPath is an AI-powered design tool that generates full UI layouts and design directions from a text prompt on an infinite canvas — less a traditional editor, more a rapid ideation surface. Built by Pietro Schirano (ex-Uber, ex-Facebook), it imports from Figma, supports theme consistency across generations, and exports code for developer handoff. At $14/month it's aimed at early-stage concepting rather than polished production work.

Locale

7.5/100%

joshpuckett.me/locale

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

Midjourney

7.5/100%

midjourney.com

Generative image platform for concept art, visual exploration, and design ideation. V8 (2025) brought a major quality jump — stronger prompt adherence, better photorealism, native web app. V8.1 (April 2026) added HD mode running 3x faster and 3x cheaper than before, standard resolution roughly 4x faster than V8, and an aesthetic closer to V7 with more consistent style references and better prompt retention.

Figma

7.3/100%

www.figma.com

The dominant collaborative design platform, now a complete creation ecosystem. Config 2025 launched Draw (vector illustration), Sites (web publishing), Make (AI prototyping with Claude), and Buzz (branded asset production). As of March 2026, Figma enforces AI credit limits across all plans — 500 credits/month on free (150/day cap), scaling to 4,200 on Enterprise — with pay-as-you-go billing available. The MCP server supports two-way workflows across Cursor, Warp, Factory, and Augment, with Code Connect UI updates adding multi-file component attachments and cross-framework code previews for Org and Enterprise plans. April 2026: a major performance update delivered 10x faster vector editing, 4x smoother frames, and 92% fewer memory warnings, alongside ChatGPT Images 2.0 across all products. May 2026: Figma Make custom skills ship — reusable slash commands that package repeatable prompts into stable agent workflows, callable from any Make file, with team-sharing on the roadmap. Also May 20: the Figma AI agent launched in beta, reading your canvas and operating directly inside the file using your components, variables, and styles. May 28: Figma Make enters limited beta for local codebase connection. Connect Make to a code repository and visual edits write directly to real files, with full git workflow (diff, commit, revert) handled inside Make. June 2026: Check designs ships in beta, running design system QA against live files and flagging token drift, style mismatches, and accessibility contrast issues. Config 2026 is June 23-25 in San Francisco.

Jitter

7.3/100%

jitter.video

Jitter is a browser-based motion design tool aimed at designers who want After Effects-style animation without the learning curve. It integrates directly with Figma (300k+ plugin installs), exports to 4K video, GIF, and Lottie, and includes kinetic typography and AI image-to-video generation. Won the Golden Kitty Award 2023 in the Design category.

Variant

7.0/100%

variant.com

Variant skips the blank canvas entirely — type a prompt and a scrolling feed of fully-formed UI designs appears. You scroll for more variations without re-prompting, use the Style Dropper to transfer visual DNA between designs, and export as HTML or React code. Built by Ben South (ex-Postmates VP); better for rapid design direction exploration than production refinement.

Claude Design

6.9/100%

claude.ai/design

Anthropic's design tool built on Claude Opus 4.7. Reads your codebase and design files to build a custom design system, then generates visual work through conversation. Included with Claude Pro/Max/Team/Enterprise.

Magic Path

6.8/100%

www.magicpath.ai

MagicPath is an AI-powered design tool that generates full UI layouts and design directions from a text prompt on an infinite canvas — less a traditional editor, more a rapid ideation surface. Built by Pietro Schirano (ex-Uber, ex-Facebook), it imports from Figma, supports theme consistency across generations, and exports code for developer handoff. At $14/month it's aimed at early-stage concepting rather than polished production work.

Paper

6.7/100%

paper.design

Paper is a code-native design tool where every element on the canvas is real HTML and CSS — what you design is what ships, with no conversion step. Its MCP server exposes 24 bidirectional tools so AI agents can not only read your design but modify it: sync tokens from Figma, populate UI with live API data, or convert a design into React/Tailwind and commit to GitHub. The Snapshot Chrome extension (March 2026) lets you paste any live website into the canvas as editable HTML/CSS layers, so you start from production rather than a blank slate. May 2026: QuiverAI's Arrow 1.0 model (a16z-backed, #1 on SVG Arena) is now integrated — generate and edit real editable SVG assets directly in the canvas. Built by Stephen Haney, formerly of Modulz/Radix UI; $20/month ($16/month annual).

Figma

7.1/100%

www.figma.com

The dominant collaborative design platform, now a complete creation ecosystem. Config 2025 launched Draw (vector illustration), Sites (web publishing), Make (AI prototyping with Claude), and Buzz (branded asset production). As of March 2026, Figma enforces AI credit limits across all plans — 500 credits/month on free (150/day cap), scaling to 4,200 on Enterprise — with pay-as-you-go billing available. The MCP server supports two-way workflows across Cursor, Warp, Factory, and Augment, with Code Connect UI updates adding multi-file component attachments and cross-framework code previews for Org and Enterprise plans. April 2026: a major performance update delivered 10x faster vector editing, 4x smoother frames, and 92% fewer memory warnings, alongside ChatGPT Images 2.0 across all products. May 2026: Figma Make custom skills ship — reusable slash commands that package repeatable prompts into stable agent workflows, callable from any Make file, with team-sharing on the roadmap. Also May 20: the Figma AI agent launched in beta, reading your canvas and operating directly inside the file using your components, variables, and styles. May 28: Figma Make enters limited beta for local codebase connection. Connect Make to a code repository and visual edits write directly to real files, with full git workflow (diff, commit, revert) handled inside Make. June 2026: Check designs ships in beta, running design system QA against live files and flagging token drift, style mismatches, and accessibility contrast issues. Config 2026 is June 23-25 in San Francisco.

Subframe

7.0/100%

subframe.com

Subframe is a code-first UI builder where every layer maps directly to React and Tailwind components — no mockup-to-code translation gap. It ships 200+ pre-built components, design system support, and clean code export you actually own. A standout feature is MCP integration with Cursor and Claude Code, letting developers prompt new designs from their IDE. Aimed at backend-heavy teams that need to ship quality UI without a dedicated designer.

Ceros Flex

6.9/100%

ceros.com/flex

Ceros Flex is the next-generation version of Ceros's no-code interactive content platform, rebuilt in HTML5 for speed and WCAG 2.2 compliance. Marketers and creative teams use it to build animated, interactive web experiences — editorial microsites, campaign pages, branded content — without writing code. AI handles repetitive tasks like resizing layouts and accessibility checks. Named after Flexbox, which powers its responsive layout engine.

Paper

6.4/100%

paper.design

Paper is a code-native design tool where every element on the canvas is real HTML and CSS — what you design is what ships, with no conversion step. Its MCP server exposes 24 bidirectional tools so AI agents can not only read your design but modify it: sync tokens from Figma, populate UI with live API data, or convert a design into React/Tailwind and commit to GitHub. The Snapshot Chrome extension (March 2026) lets you paste any live website into the canvas as editable HTML/CSS layers, so you start from production rather than a blank slate. May 2026: QuiverAI's Arrow 1.0 model (a16z-backed, #1 on SVG Arena) is now integrated — generate and edit real editable SVG assets directly in the canvas. Built by Stephen Haney, formerly of Modulz/Radix UI; $20/month ($16/month annual).

Agentation

6.4/100%

agentation.dev

Agentation is a floating toolbar you add to your React app that lets you click on UI elements and generate structured markdown feedback for AI coding agents. Instead of describing "the blue button in the sidebar," it captures CSS selectors, component names from the React fiber tree, and positional data so agents like Claude Code or Cursor can locate and fix the exact element. Free and open source, works with any AI agent that accepts text input.

Penpot

5.6/100%

penpot.app

The first open-source design and prototyping platform, built on actual web standards — SVG, CSS Flexbox, and Grid — rather than proprietary formats. Native design tokens, real-time collaboration, self-hostable, and free. The developer-friendliest design tool available: Code Inspect outputs real HTML and CSS, not approximations.

Uizard

5.0/100%

uizard.io

Uizard is a quick-start prototyping tool aimed at non-designers — it converts text prompts, hand-drawn sketches, or screenshots into editable UI mockups, and includes an AI chatbot for iterative edits. Acquired by Miro in 2024. Output can be generic and the lack of Figma integration is a notable gap; it's best suited for early-stage ideation and product teams who need something shareable without touching Figma.

FlutterFlow

7.5/67%

flutterflow.io

FlutterFlow is a visual development platform built on Flutter that lets you build cross-platform mobile, web, and desktop apps with a drag-and-drop editor and export clean Dart code. It has native Firebase and Supabase integration, a visual logic builder for app behaviour, and Figma import for design systems. Best for MVPs and medium-complexity apps; the exported code quality draws criticism for production use, and advanced features require development experience.

Glaze

7.9/75%

www.glaze.app

Create native Mac desktop apps by describing what you want in plain language. Glaze builds local-first apps with full OS integration — file system access, keyboard shortcuts, menu bar — no code required.

Claude Code

7.1/75%

claude.ai/claude-code

Anthropic's official agentic coding CLI — lives in your terminal, reads entire codebases, and executes multi-step tasks autonomously. Surpassed $1B ARR within months of general availability. Multi-agent Code Review ships as a cloud feature that catches bugs before human reviewers see them. The tool Anthropic itself uses for ~60% of internal development work.

Gemini

5.3/100%

gemini.google.com

Google's AI assistant with a 1M+ token context window, available on the web, in Android Studio, and across Workspace. Competes with Claude Code and Copilot for coding tasks.

Bolt.new

7.0/75%

bolt.new

Browser-based AI coding platform powered by StackBlitz's WebContainer technology — a full Node.js environment running entirely in the browser via WebAssembly. Describe an app, and Bolt generates, runs, edits, and deploys it without local setup. Went from $80K to $40M ARR in five months; Bolt V2 adds cloud databases, auth, and edge functions. Powered by Claude.

FlutterFlow

7.0/75%

flutterflow.io

FlutterFlow is a visual development platform built on Flutter that lets you build cross-platform mobile, web, and desktop apps with a drag-and-drop editor and export clean Dart code. It has native Firebase and Supabase integration, a visual logic builder for app behaviour, and Figma import for design systems. Best for MVPs and medium-complexity apps; the exported code quality draws criticism for production use, and advanced features require development experience.

Pencil

6.9/75%

www.pencil.dev

A design canvas that syncs directly to code. Pencil lives inside your IDE (Cursor, VS Code), feeds pixel-exact coordinates and design tokens to AI agents via MCP, and supports bidirectional sync — visual edits update the codebase. New: Code on Canvas lets you drop a Script node on the canvas, point it at a .js file, and render live design layers from code, with design tokens flowing in as inputs. Supports Figma import, parallel multi-screen generation, and Git-versioned design files.

Subframe

6.7/75%

subframe.com

Subframe is a code-first UI builder where every layer maps directly to React and Tailwind components — no mockup-to-code translation gap. It ships 200+ pre-built components, design system support, and clean code export you actually own. A standout feature is MCP integration with Cursor and Claude Code, letting developers prompt new designs from their IDE. Aimed at backend-heavy teams that need to ship quality UI without a dedicated designer.

Figma

6.6/75%

www.figma.com

The dominant collaborative design platform, now a complete creation ecosystem. Config 2025 launched Draw (vector illustration), Sites (web publishing), Make (AI prototyping with Claude), and Buzz (branded asset production). As of March 2026, Figma enforces AI credit limits across all plans — 500 credits/month on free (150/day cap), scaling to 4,200 on Enterprise — with pay-as-you-go billing available. The MCP server supports two-way workflows across Cursor, Warp, Factory, and Augment, with Code Connect UI updates adding multi-file component attachments and cross-framework code previews for Org and Enterprise plans. April 2026: a major performance update delivered 10x faster vector editing, 4x smoother frames, and 92% fewer memory warnings, alongside ChatGPT Images 2.0 across all products. May 2026: Figma Make custom skills ship — reusable slash commands that package repeatable prompts into stable agent workflows, callable from any Make file, with team-sharing on the roadmap. Also May 20: the Figma AI agent launched in beta, reading your canvas and operating directly inside the file using your components, variables, and styles. May 28: Figma Make enters limited beta for local codebase connection. Connect Make to a code repository and visual edits write directly to real files, with full git workflow (diff, commit, revert) handled inside Make. June 2026: Check designs ships in beta, running design system QA against live files and flagging token drift, style mismatches, and accessibility contrast issues. Config 2026 is June 23-25 in San Francisco.

Tokens Studio

8.5/100%

tokens.studio

Tokens Studio is the standard Figma plugin for design token management — it lets designers create and organize tokens for colors, typography, spacing, and shadows, then sync them to GitHub, GitLab, or other repos as JSON. It fills the gap Figma Variables leave open: semantic mappings, theme logic, portability to code, and version control. Also maintains Style Dictionary V4 and is expanding to Framer.

Subframe

6.8/100%

subframe.com

Subframe is a code-first UI builder where every layer maps directly to React and Tailwind components — no mockup-to-code translation gap. It ships 200+ pre-built components, design system support, and clean code export you actually own. A standout feature is MCP integration with Cursor and Claude Code, letting developers prompt new designs from their IDE. Aimed at backend-heavy teams that need to ship quality UI without a dedicated designer.

Figma

6.5/100%

www.figma.com

The dominant collaborative design platform, now a complete creation ecosystem. Config 2025 launched Draw (vector illustration), Sites (web publishing), Make (AI prototyping with Claude), and Buzz (branded asset production). As of March 2026, Figma enforces AI credit limits across all plans — 500 credits/month on free (150/day cap), scaling to 4,200 on Enterprise — with pay-as-you-go billing available. The MCP server supports two-way workflows across Cursor, Warp, Factory, and Augment, with Code Connect UI updates adding multi-file component attachments and cross-framework code previews for Org and Enterprise plans. April 2026: a major performance update delivered 10x faster vector editing, 4x smoother frames, and 92% fewer memory warnings, alongside ChatGPT Images 2.0 across all products. May 2026: Figma Make custom skills ship — reusable slash commands that package repeatable prompts into stable agent workflows, callable from any Make file, with team-sharing on the roadmap. Also May 20: the Figma AI agent launched in beta, reading your canvas and operating directly inside the file using your components, variables, and styles. May 28: Figma Make enters limited beta for local codebase connection. Connect Make to a code repository and visual edits write directly to real files, with full git workflow (diff, commit, revert) handled inside Make. June 2026: Check designs ships in beta, running design system QA against live files and flagging token drift, style mismatches, and accessibility contrast issues. Config 2026 is June 23-25 in San Francisco.

Dessn

6.2/100%

dessn.ai

Dessn lets product teams design directly in their production codebase without opening an IDE. Give it read access to your repo and it extracts your design language — components, tokens, typography — then builds a design environment your whole team can use for prototyping and handoff. The result is developer-ready code from day one because designs are made in the actual production context.

zeroheight

6.1/100%

zeroheight.com

Zeroheight is a dedicated design system documentation platform that syncs directly with Figma and Storybook so docs stay current without manual updates. Developers can test live React, Angular, and Vue components with prop controls and grab production-ready code — all in the same place guidelines live. Used by 20% of Fortune 100 companies; also produces the annual Design Systems Report.

Paper

5.9/100%

paper.design

Paper is a code-native design tool where every element on the canvas is real HTML and CSS — what you design is what ships, with no conversion step. Its MCP server exposes 24 bidirectional tools so AI agents can not only read your design but modify it: sync tokens from Figma, populate UI with live API data, or convert a design into React/Tailwind and commit to GitHub. The Snapshot Chrome extension (March 2026) lets you paste any live website into the canvas as editable HTML/CSS layers, so you start from production rather than a blank slate. May 2026: QuiverAI's Arrow 1.0 model (a16z-backed, #1 on SVG Arena) is now integrated — generate and edit real editable SVG assets directly in the canvas. Built by Stephen Haney, formerly of Modulz/Radix UI; $20/month ($16/month annual).

Gemini

5.3/100%

gemini.google.com

Google's AI assistant with a 1M+ token context window, available on the web, in Android Studio, and across Workspace. Competes with Claude Code and Copilot for coding tasks.

Wonder

5.2/100%

www.wonder.design

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

Antigravity

8.4/100%

antigravity.google

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.

Glaze

8.0/100%

www.glaze.app

Create native Mac desktop apps by describing what you want in plain language. Glaze builds local-first apps with full OS integration — file system access, keyboard shortcuts, menu bar — no code required.

Aura

7.7/100%

www.aura.build

Aura is an AI landing page and website builder that generates complete designs from text prompts or uploaded images, then exports clean HTML, Tailwind CSS, or frames to Figma. It gives you a full visual editor with 800+ templates, 15,000+ stock images, and 1,400+ components alongside access to Claude, Gemini, and GPT-4.1. Trusted by over 65,000 users; free tier available with paid plans for more prompts and exports.

Claude Design

7.7/100%

claude.ai/design

Anthropic's design tool built on Claude Opus 4.7. Reads your codebase and design files to build a custom design system, then generates visual work through conversation. Included with Claude Pro/Max/Team/Enterprise.

Pencil

7.7/100%

www.pencil.dev

A design canvas that syncs directly to code. Pencil lives inside your IDE (Cursor, VS Code), feeds pixel-exact coordinates and design tokens to AI agents via MCP, and supports bidirectional sync — visual edits update the codebase. New: Code on Canvas lets you drop a Script node on the canvas, point it at a .js file, and render live design layers from code, with design tokens flowing in as inputs. Supports Figma import, parallel multi-screen generation, and Git-versioned design files.

Claude Code

7.4/100%

claude.ai/claude-code

Anthropic's official agentic coding CLI — lives in your terminal, reads entire codebases, and executes multi-step tasks autonomously. Surpassed $1B ARR within months of general availability. Multi-agent Code Review ships as a cloud feature that catches bugs before human reviewers see them. The tool Anthropic itself uses for ~60% of internal development work.

OpenPencil

7.3/100%

openpencil.dev

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

Bolt.new

7.2/100%

bolt.new

Browser-based AI coding platform powered by StackBlitz's WebContainer technology — a full Node.js environment running entirely in the browser via WebAssembly. Describe an app, and Bolt generates, runs, edits, and deploys it without local setup. Went from $80K to $40M ARR in five months; Bolt V2 adds cloud databases, auth, and edge functions. Powered by Claude.