designtools.fyi

Every design tool, compared

Compare design tools across different capabilities

Showing all tools sorted by average score

A

Affinity Suite

affinity.studio

Professional design suite including Vector (Illustrator competitor), Pixel (Photoshop competitor), and Publisher (InDesign competitor). Made completely free following Canva acquisition.

Open Source
A

Anima

www.animaapp.com

Design-to-code platform transforming Figma/XD/Sketch designs into production-ready React, Vue, or HTML. Anima Playground enables full-stack development with AI prompts and one-click publishing.

Design to Code Figma React
C

Claude Code

claude.ai/claude-code

Anthropic's official CLI for Claude, an agentic coding assistant that operates directly in your terminal. Understands codebases, executes commands, edits files, and manages git workflows.

AI Design to Code Developer Tools
C

Cavalry

cavalry.scenegroup.co

Powerful procedural 2D animation software using node-based approach similar to Cinema 4D's MASH. Enables complex data-driven animations, generative designs, and efficient iteration. Mac and Windows.

Animation

Bolt.new

bolt.new

Browser-based AI coding platform running full Node.js environments via WebContainer technology. Users describe apps and Bolt generates, runs, edits, and deploys full-stack applications without local setup.

AI Design to Code Full Stack
C

Codex

openai.com/codex

OpenAI's cloud-based software engineering agent. Assigns coding tasks to AI agents that work in parallel sandboxed environments, handling everything from bug fixes to feature implementations.

AI Design to Code Developer Tools

Cursor

cursor.com

AI-native IDE built on VS Code with Composer mode for multi-file editing, Background Agents, and proprietary Cursor-Fast model. Launched Visual Editor (December 2025) for drag-and-drop UI editing.

AI Developer Tools
C

Create.xyz / Anything

www.create.xyz

AI-powered no-code web app builder focused on speed and simplicity. Type descriptions, get complete layouts in seconds. Supports 50+ integrations including Stripe, OpenAI, Google Maps. Added iOS mobile app generation.

AI Full Stack Mobile +1
D

Dessn

dessn.ai

Design and prototyping platform that works directly within your production codebase. AI-powered design language extraction with code generation developers can use.

AI Design to Code React +1
F

Figma Make

www.figma.com/make

Prompt-to-app capability announced at Config 2025 enabling teams to generate high-fidelity prototypes from text prompts or existing designs. Part of Figma's major expansion.

AI Design to Code Figma +1

Figma

www.figma.com

Industry-leading browser-based collaborative design platform that has expanded into a complete design ecosystem with Draw (illustration), Sites (web publishing), Make (AI prototyping), and Buzz (marketing assets).

Collaboration Design Systems Prototyping
F

Flora

flora.ai

Generative AI design platform using node-based workflow for creative iteration. Provides access to multiple AI models (Gemini, GPT-5, Imagen 4, Veo 3) in a single environment for text, image, and video creation.

AI Collaboration
F

FlutterFlow

flutterflow.io

No-code/low-code platform for building mobile and web apps visually. 200+ UI elements, visual logic editor, Firebase/Supabase integration, and code export.

Full Stack Mobile No Code
G

GitHub Copilot

github.com/features/copilot

The original AI coding assistant, now with Agent Mode, Plan Mode, MCP support, and multi-model selection. Integrates across GitHub.com, VS Code, and other IDEs. Open-sourced Copilot Chat.

AI Developer Tools
G

Google Stitch

stitch.withgoogle.com

Formerly Galileo AI, now Google Stitch. Generates high-fidelity mobile and web UI designs from text prompts. Transforms descriptions into fully editable interfaces in seconds with Figma export.

AI UI Generation
J

Jitter

jitter.video

Web-based motion design tool making professional animations accessible. 'Figma of Motion Design' with action-based animation system, deep Figma integration, designed for speed and collaboration. Golden Kitty Award 2023.

Animation Figma
L

LottieFiles

lottiefiles.com

All-in-one ecosystem for Lottie animations including Lottie Creator (browser-based tool), community library (400,000+ animations), and integrations with Figma/After Effects/Webflow. Lottie animations are 600% lighter than GIFs.

Animation
L

Lovable

lovable.dev

Full-stack AI coding platform converting natural language prompts into complete web applications. Generates React frontends with Tailwind CSS, connects to Supabase backends, handles auth, databases, and deployment.

AI Design to Code Full Stack +1
M

Moonchild AI

moonchild.ai

AI Chat for Product Designers that transforms PRDs and product briefs into multiple high-fidelity design directions instantly. Generates responsive UI across devices with prototype mode and exports to Figma/code.

AI UI Generation

Framer

www.framer.com

Design-to-production platform combining high-fidelity prototyping with no-code website publishing. Evolved from prototyping tool into full website builder with AI-powered design, CMS, and hosting.

No Code Prototyping
M

Motiff

motiff.com

AI-powered professional interface design tool with comprehensive AI Toolbox, AI Design Systems (Creator, Maintainer, Consistency Checker), and generative UI lab. High-performance rendering supporting millions of layers.

AI Design Systems Figma
O

Opacity

opacity.com

Collaborative design platform merging design and code into a single source of truth. Aims to be 'GitHub for design' - currently in early access with major tech companies.

Collaboration Design to Code
O

Onlook

onlook.com

Visual code editor for designers - 'Cursor for Designers'. Edit React websites visually with AI assistance, writing changes directly to code in real-time.

AI Design to Code No Code +1
P

Paper

paper.design

Modern web-based design application with a powerful canvas for creating beautiful art and experiences. Features shader tools, CSS filters, and transparent development with public roadmap.

P

Pencil

www.pencil.dev

Design-to-code tool that brings visual design directly into developers' IDEs. Design on canvas, generate functional code, eliminate context-switching between design and development.

AI Design to Code Developer Tools
P

Penpot

penpot.app

First open-source design and prototyping platform using open standards (SVG, CSS, HTML). Features native CSS Flexbox/Grid layout and design tokens that directly translate to code.

Collaboration Open Source

Replit Agent

replit.com

Cloud-based development platform with integrated AI Agent building complete applications from prompts. Full IDE supporting 50+ languages with built-in deployment, hosting, and collaboration. Agent 3 works autonomously for up to 200 minutes.

AI Collaboration Developer Tools +1
R

Rive

rive.app

Real-time interactive design and animation tool for sophisticated, state-machine-driven animations running natively on any platform. Custom high-performance renderer handles vector rendering at 120fps.

Animation Mobile Prototyping
R

Rivet

rivet.design

Visual AI editor enabling designers to make UI changes and ship directly to production code. Change real software with visual AI tools.

AI Design to Code Developer Tools +1

Sketch

www.sketch.com

The original modern UI design tool, a native macOS application with cloud collaboration. Underwent major UI redesign (Copenhagen update) in 2025 aligned with macOS Tahoe.

UI Generation
S

Spline

spline.design

Free browser-based 3D design tool democratizing interactive 3D for web. Intuitive drag-and-drop, real-time collaboration, built-in animation (states, events, Timeline), and seamless web embedding. Launched 'Hana' 2D design tool.

Animation Full Stack Prototyping
S

Subframe

subframe.com

Design-to-code tool built for the AI era. Visually build product UI using real React/Tailwind components, not mockups. Production-ready code export bridging design and development.

Design to Code React
S

Supernova

supernova.io

AI-powered design system platform with prototyping, documentation, and code generation. Converts prototypes to PRDs, manages design tokens, and integrates with Figma.

AI Design Systems Design to Code +1
T

Tempo Labs

tempo.new

Visual IDE for React combining Figma-like UX with IDE functionality. Generates 60-80% of frontend code, integrates with existing React codebases, enables designer-developer visual collaboration on production code.

AI Developer Tools Figma +1
T

Tokens Studio

tokens.studio

Design token management platform with Figma plugin enabling designers to work with design tokens in no-code interface, then sync to code repositories. Now maintains Style Dictionary V4.

Design Systems Figma Open Source
U

Uizard

uizard.io

AI-powered rapid UI design tool enabling wireframes, mockups, and prototypes in minutes. Features Autodesigner 2.0 for conversational AI-driven design, screenshot scanning, and sketch conversion.

AI No Code Prototyping

v0 by Vercel

v0.app

AI-powered UI generator specialized for React/Next.js components using Tailwind CSS and shadcn/ui. Turns prompts or mockups into clean, production-ready frontend code with seamless Vercel deployment.

AI React
V

Visily

www.visily.ai

AI-powered UI design software enabling non-designers to create high-fidelity wireframes and prototypes. Features text-to-design, screenshot conversion, and Smart Components with virtually no learning curve.

AI Prototyping
W

Windsurf

windsurf.com

AI-native IDE positioned as 'the first agentic IDE.' Features Cascade for multi-step AI agent workflows, Supercomplete for intent prediction, and image-to-code capabilities. Strong enterprise security focus.

AI Collaboration Developer Tools
Z

Zed

zed.dev

High-performance code editor built in Rust with GPU acceleration. Focused on speed (120 FPS), real-time collaboration, and AI integration. Features Zeta (open-source edit prediction) and native agentic editing.

Collaboration Open Source
z

zeroheight

zeroheight.com

Design system platform for documentation, delivery, and measurement. Single source of truth connecting Figma, Storybook, and code. Used by 20% of Fortune 100.

Collaboration Design Systems Figma