Subframe 可视化设计产品并导出为 React 代码,提供拖放编辑器、基于 AI 的设计与原型生成功能,以及用于交接的 React 组件代码。
您是这款应用的开发者吗?验证所有权以管理此应用条目。
借助 WebCatalog Desktop,在 Mac、Windows 和 Linux 上获取 Subframe 专属桌面应用。
- 直接从程序坞或任务栏启动 Subframe。
- 在独立窗口中专注工作,不受干扰,与浏览器标签页分开。
- 管理多个 Subframe 帐户,无需退出即可在它们之间切换。
Subframe 面向希望以可视化方式设计网页界面,并将设计直接融入现有代码库、无需手动重建的产品设计师和前端开发者。它的画布支持拖放编辑、图层、布局控件、可复用组件和设计令牌。设计可导出为 React 和 Tailwind 代码,因此适合希望让 UI 设计与实际实现更加贴合的团队。 Subframe 还将画布与内置浏览器和编程智能体结合起来。你可以查看正在运行的应用,将页面检查或捕获为可编辑设计,探索 AI 生成的多种方案,然后把获批的更改交给能够操作项目文件的智能体。它支持使用 Claude Code 和 Codex 的工作流,也可通过 MCP 连接 Cursor 等智能体。Subframe 适用于 Web 应用、网站和内部工具;它与 React 配合时效果最佳,不过其浏览器和画布也能支持更广泛的 Web 项目。
免责声明:WebCatalog 与 Subframe 不存在任何隶属、关联、授权或认可关系,也未以任何方式与其建立官方联系。所有产品名称、徽标和品牌均为其各自所有者的财产。


















