Subframe

MCP server

A canvas, browser and coding-agent design tool with a project MCP server

Price: Free tier, then paid
Access: Subframe account (OAuth)

About

Subframe is a desktop design tool built on HTML, CSS, React and Tailwind: design on an infinite canvas, preview your running app in a built-in browser, and hand work to a coding agent. Its MCP server gives Claude Code, Cursor or Codex access to a project's pages, components and themes.

What you can do with it

Design a page or component that generates real React and Tailwind code
Let a coding agent implement a Subframe design in your codebase
Write design documents that teach an agent your design system's rules

Get started

Install the Subframe plugin for Claude Code (or add the MCP server)
Sign in with your Subframe account when prompted
Paste a page's MCP link or ask the agent to design one

Example

claude plugin marketplace add https://github.com/SubframeApp/subframe && claude plugin install subframe@subframe

Details

Hosting: Hosted service, Runs locally
Available in: Worldwide
MCP server: Remote