描述
Recto 提供了一个专门的视觉画布，用于 AI 编码代理，改变了用户在设计和开发中与 AI 的互动方式。这个原生桌面应用程序可在 Windows、Mac 和 Linux 上使用，允许用户直接在真实画布上设计用户界面、动态图形和 3D 元素。它与多种编码代理无缝集成，包括 Claude Code、Codex、Cursor 和 OpenCode，支持 AI 代理编码和用户协同设计的工作流程。
阅读更多
该平台强调本地操作，以提高速度和隐私，确保用户的工作保留在他们的计算机上。Recto 促进了从提示到像素的过程，提供了一个多功能的画布，支持一个想法的多个版本。用户可以指向元素，进行改进，复制设计，并通过其集成设计系统确保项目之间的一致性。在其视觉界面下，Recto 生成真实的 HTML 和 CSS，为网页开发提供了实用的基础。
主要功能包括编辑代理创建的设计、生成真实代码和导入现有设计。该工具旨在直观，允许用户从不同角度与对象互动并创建独特的设计。Recto 免费提供，所有更新也将免费提供，并在退出应用程序时自动安装。它旨在为编码代理提供与 Figma 等工具为人类设计师提供的相同级别的视觉设计环境，弥合 AI 驱动的代码生成与互动视觉设计之间的差距。
- 类别设计与创意
- 定价模式免费
- 部署桌面应用
- 平台Windows，Mac，Linux
Recto的核心功能
为 AI 代理提供视觉画布
构建 UI、动态效果和 3D 设计
与 Claude Code、Codex、Cursor 和 OpenCode 集成
本地操作以提高速度和隐私
编辑代理创建的设计
生成真实的 HTML 和 CSS
支持设计系统以确保一致性
导入现有设计
免费使用
免费更新
支持 Windows、Mac 和 Linux
禅模式和 Command+K 快捷键
如何使用 Recto？
安装 Recto：在您的 Windows、Mac 或 Linux 系统上下载并安装原生桌面应用程序。
连接代理：集成您首选的编码代理，如 Claude Code、Codex、Cursor 或 OpenCode。
视觉设计：使用视觉画布直接操作创建 UI、动态效果和 3D 元素。
与 AI 协作：引导您的 AI 代理生成和完善代码，同时您进行视觉设计。
编辑和完善：修改和改进由您的 AI 代理创建的设计或导入现有项目。
导出代码：利用生成的真实 HTML 和 CSS 用于您的网页开发项目。
Recto的使用案例
- 与 AI 进行 UI 设计
- 动态图形创建
- 3D 设计集成
- 从设计生成代码
- 设计系统实施
- 快速原型制作
- 跨平台开发
