

For designers and engineers who want UI that ships as real React and Tailwind—not a static Figma file and not a chat-only app builder. Subframe is a visual canvas where what you edit maps to deterministic production components; AI helps draft pages and themes, then you export or continue via MCP in Cursor/Claude Code. Skip it if you need pure design-file delivery or a non-React stack.

You need product UI that leaves the canvas as production React and Tailwind—especially when designers and engineers share one component source of truth, or when Cursor/Claude Code should read and edit the same design via MCP.
Design on the Subframe canvas → refine with AI where useful → export or sync React + Tailwind into Next.js/Vite (CLI or manual), or connect MCP in Cursor/Claude Code to implement. Smoke-test on Free; move to Pro for unlimited pages/AI and custom fonts. Keep business logic in the repo—Subframe owns UI structure and components.




