- Canvas: design with HTML and CSS on an infinite canvas, with first-class support for React and Tailwind when they’re part of your stack
- Browser: preview your live app, edit it visually, and capture it as a design
- Agent: work with Claude Code, Codex, or Subframe AI credits across your designs, browser, and code
Use the desktop app to work with your local codebase, development server, and coding agent. Download
it for macOS at subframe.com/downloads ↗.
How Subframe works
Subframe lets you go from design to code and back. Here’s a typical workflow:1
Open your app
Open your local app in the built-in browser.
2
Edit it live
Use Inspect to change the running page visually.
3
Design on the canvas
Capture the page or an element as an editable design and explore bigger changes on
the canvas.
4
Ship with the agent
Ask the agent to implement your design in your connected codebase.