tools
Subframe
Subframe combines a design canvas, built-in browser, and coding agent for designing and shipping web interfaces in a codebase.
Subframe is a macOS and web tool for designing interfaces directly against a codebase. Its canvas uses HTML and React elements, while its built-in browser lets users preview and edit live applications.
Designers and developers can collaborate on components, tokens, comments, and prototypes, then work with Claude Code or Codex to implement changes. The free plan includes one project and limited AI credits; the Pro plan adds unlimited projects. Claude or Codex subscriptions are separate.
Features
- Design on an infinite canvas built for code
- Preview and edit live apps in a built-in browser
- Work with Claude Code or Codex directly in Subframe
- Sync components, props, slots, and variants with a codebase
- Collaborate with multiplayer canvas comments
- Manage themes and design tokens across light and dark modes
- Prompt for designs and repetitive tasks inline
- Manage git branches, share prototypes, and make pull requests
Use cases
- Design web interfaces directly against an existing codebase
- Preview and edit local applications in the built-in browser
- Explore multiple interface directions before implementation
- Collaborate with designers, developers, and coding agents
- Implement designs with Claude Code or Codex
- Review changes and open pull requests from the workspace
Pros
Cons
Pricing
- Starting price
- $20/ editor / month
- Pricing checked
- 2026-09-19
Free
$0/ month
- One project
- Unlimited viewers & editors
- Use your Claude / Codex subscription
- Limited AI credits
Pro
$20/ editor / month
- Unlimited projects
- Unlimited viewers & editors
- Use your Claude / Codex subscription
- 5x AI credits