Vai al contenuto
AI.info

tools

Subframe

Subframe combines a design canvas, built-in browser, and coding agent for designing and shipping web interfaces in a codebase.

Subframe

In inglese

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

      Capabilities

      • Generates interfaces — “Explore. Capture from browser. Design from scratch. Generate new flows.” source
      • Design to code — “Build. Paste any design. Inspect in browser. Implement in code.” source
      • Prototypes — “Ship. Manage git branches. Share prototypes. Make pull requests.” source
      • Collaboration — “Multiplayer & comments. Share and collaborate on canvas with your team or agent.” source

      Get it

      Pricing

      Starting price
      $20/user/mo
      Prices checked
      2026-09-24

      Free

      Free

      • One project
      • Unlimited viewers & editors
      • Use your Claude / Codex subscription
      • Limited AI credits
      • Download for macOS

      Pro

      • $20 / editor / month
      • Unlimited projects
      • Unlimited viewers & editors
      • Use your Claude / Codex subscription
      • 5x AI credits
      Official website