Subframe

Subframe is for product designers and frontend developers who want to design web interfaces visually and bring them into an existing codebase without rebuilding them by hand. Its canvas includes drag-and-drop editing, layers, layout controls, reusable components and design tokens. Designs can be exported as React and Tailwind code, making it a fit for teams that want their UI designs to map more closely to implementation. Subframe also combines the canvas with a built-in browser and coding agent. You can view a running app, inspect or capture a page as an editable design, explore AI-generated variations, then pass approved changes to an agent working with your project files. It supports workflows with Claude Code and Codex, and can connect with agents such as Cursor through MCP. Subframe is suited to web apps, websites and internal tools; it works best with React, though its browser and canvas support web-based projects more broadly.

Disclaimer: WebCatalog is not affiliated, associated, authorized, endorsed by or in any way officially connected to Subframe. All product names, logos, and brands are property of their respective owners.