21 tools
Antigravity
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.
Magic Patterns
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.
Blueberry
meetblueberry.com
Blueberry is a Mac workspace that combines a code editor, terminal, browser preview, and canvas in one window, with a built-in MCP server so your AI always has full context: open files, browser preview, terminal output, and pinned apps like Figma, GitHub, Linear, and PostHog. It adds flow mode, tiling layouts, and ambient music for focus. A complete rethink of the dev environment for people building software products.
Magic Path
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.
Protopie
www.protopie.io
ProtoPie is the go-to tool for high-fidelity interactive prototypes that go beyond what Figma can do — it handles conditional logic, variables, sensor inputs (gyroscope, touch, voice), and cross-device communication without any code. Used by Google, Meta, BMW, and Samsung for complex interaction design including automotive and IoT. It's not a design tool, so you build visuals in Figma first and import; the steep learning curve and $79/month Pro price make it overkill for simple web prototypes.
Figma
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.
Pencil
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.
Visily
www.visily.ai
Visily is an AI-powered wireframing and UI design tool built explicitly for non-designers — product managers, analysts, and founders who need to get ideas into visual form fast. It handles text-to-design, screenshot-to-design, and sketch-to-design input methods, lets you toggle between low and high fidelity on the same canvas, and exports to Figma. At $11/month (annual), it's competitive on price and offers the full AI feature set even on the free tier.
Dessn
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.
Opacity
opacity.com
Opacity aims to be design's GitHub moment — a single platform where design and code live together rather than in separate files that drift apart. Built by Drew Wilson (Crew, Unsplash investor), it's in early access and targets product teams tired of maintaining Figma files and component libraries as two disconnected sources of truth. Also building Loupe, a Mac app for AI-assisted building.
Paper
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).
Adora
www.adora.so
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.
Frame0
frame0.app
Frame0 is a desktop wireframing app with a deliberate hand-drawn aesthetic — the sketchy style signals 'this is a draft' to stakeholders and keeps early conversations focused on structure rather than polish. It's the most direct Balsamiq alternative, adding AI wireframe generation via your own API key (OpenAI, Anthropic, Gemini, or Grok), MCP server support for Claude Desktop and Cursor, and code export from wireframes. Works offline, cross-platform, with a free core tier and a one-time paid upgrade.
Penpot
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.
Wiretext
wiretext.app
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.
Flowstep
flowstep.ai
Flowstep is a conversational AI design workspace that generates connected multi-screen UI flows from plain language prompts — its strength is producing entire user journeys, not just individual screens. Outputs are editable, collaborative artifacts that paste directly into Figma without a plugin. The free plan includes unlimited generations and real-time collaboration, making it genuinely usable without paying; the main limitation is no design system import for on-brand generation.
Overflow
overflow.io
Overflow is a dedicated user flow diagramming tool for design teams — you sync screens from Figma, Sketch, or Adobe XD and connect them into interactive, shareable flow diagrams for stakeholder presentations. Its sweet spot is async walkthroughs: stakeholders can self-navigate a flow without a meeting. Not a wireframing or design tool; real-time collaboration is limited to commenting rather than simultaneous editing.
Uizard
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.
Sketch
www.sketch.com
The original modern UI design tool — a native macOS app that pioneered the design system era. 2026 updates include a local MCP server (connect Claude or Codex directly to your documents), a new eyedropper with colour variable support, selection colours, independent borders, and a revamped fonts panel with In Use / All Fonts tabs. Loyal community, faces headwinds from Figma, but keeps investing in craft and AI integration on its own terms.
Onlook
onlook.com
Open-source visual code editor for React — edit Next.js + Tailwind applications with a Figma-like interface that writes changes directly to your codebase in real time. Visual edits map to actual JSX via unique element identifiers; Figma imports convert to working components. Positions itself as 'Cursor for designers' with changes becoming PRs, not handoff specs. Apache 2.0, self-hostable.
Dawn
dawn.design
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.