mydesign.toolsmydesign.tools
Tools

Subframe

Design canvases
Visit website
ABOUT

Visual editor whose output is production React and Tailwind rather than a picture of it.

Subframe is a visual editor whose output is production React and Tailwind, not an export that approximates it. Components, variants and responsive states are edited on a canvas and pasted into the codebase as code the team can maintain. It appeals to designers whose work ends in a pull request rather than a handoff file.

FEATURES & USE CASES
  • Output is React and Tailwind
  • Variants and responsive states
  • Paste code into your app
  • Design system aware
  • Production code, not export
  • Component library included

Recent X Posts

Subframe@SubframeAppFollow

Run design workflows from external agents like Claude Code, Codex, Cursor, Gemini. Easy setup in docs: docs.subframe.com/agent/mcp-serv…

Subframe@SubframeAppFollow

Unlimited remote MCP tool calls for code to design canvas in the cloud? We got you.

Subframe@SubframeAppFollow

Introducing the new Subframe desktop app, now available for everyone. Agent + Browser + Canvas. Download for macOS today.

Subframe@SubframeAppFollow

@designertom @imjesseshow @uxgoodies @ridd_design luma.com/usxsrlu1