Onlook

Figma

The dominant interface design tool at roughly 90% market share, now extended across motion, code, and generation. Config 2026 shipped Code Layers, Figma Motion (keyframe timeline on canvas), generative shaders, 3D transforms, and an AI agent with connectors to Notion, Slack, Granola, and GitHub. August 2026: nested folders for file organization (up to 10 levels deep) and per-user AI credit limits. Dev Mode handles developer handoff without a separate tool.

Paper

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. July 2026: Paper Shaders — their standalone WebGL effects library — went fully open source (Apache 2.0), free for commercial use. Raised $34M Series A led by Accel and ICONIQ (with Designer Fund, Michael Grinich, Anton Osika) in July 2026 on 25x ARR growth since early 2026. Built by Stephen Haney, formerly of Modulz/Radix UI; $20/month ($16/month annual).

Pen.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.

Magic Path

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.