20 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 coming in May. The MCP server now 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.
Pencil
www.pencil.dev
Pencil is a Figma-like design canvas that lives inside your IDE (Cursor, VS Code) and feeds pixel-exact vector coordinates and design tokens to AI agents via MCP — so instead of guessing from a screenshot, Claude Code or Cursor agents get exact values and write code that matches the design 1:1. It supports bidirectional sync (visual edits update the codebase), Figma import, parallel multi-screen generation, and Git-versioned design files. Requires Claude Code; currently free during early access.
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.
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.
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. Built by Stephen Haney, formerly of Modulz/Radix UI; currently in open alpha at $16/month.
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. The 2025 Copenhagen update is its biggest UI overhaul since 2020: contextual toolbar, rewritten Inspector, wrapping Stacks, and macOS Tahoe's Liquid Glass aesthetic. Loyal community but faces headwinds from Figma's browser-based collaboration and AI features.
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.