1DesignTool 是一个桌面设计工作室,它把一份书面的 brief 变成可用的 设计——真实项目文件夹里的真实 HTML、CSS 和 JS——由你已安装的编码 agent 驱动。Claude Code、Codex、Cursor Agent、Devin 以及其他受支持的 CLI 负责构建;1DesignTool 为它们提供一个工作室:实时预览、design kit 规则、steering 工具,以及导出到你自己磁盘上的结果。
产品形态
你写出想要的东西——"一个咖啡订阅的落地页,安静、偏编辑风"——agent 就把它构建出来。成果不是一张 mockup,也不是一块摆满形状的画布:它是 一个可以打开、编辑、fork 和发布的文件夹。预览面板监听这个文件夹,所以 屏幕上的设计永远是磁盘上的设计。
这种分工正是关键。agent 擅长快速产出初稿;你擅长判断"对"的样子。 1DesignTool 围绕这个交接来构建:agent 负责构建,你负责 steering—— 通过点选元素、写评论、微调 Tweaks 控件,或者把作品送回更严格的门禁。
本地优先,你的 agent 是引擎
项目存放在你选择的文件夹里。run 走你自己的 agent CLI 和你自己的 账户——应用从不要求你提供 agent 的 API key,也从不把你的工作经由它 自己的服务器中转。agent 构建的东西由 design kit 检查:对比度、最小 字号、点击目标、在每个宽度下都能正常工作的导航。过不了门禁的设计会 明确指出哪里不合格。
你能做什么
十四个模板覆盖小团队真正要交付的东西:UI mockup 和线框图、演示 文稿、移动端界面、交互式网站、品牌套件和 logo、3D 物体和场景、 动画、简历、信息图、HTML 邮件、文档等。每个模板都配一个为其输出定制 的查看器——演示文稿有幻灯片查看器,邮件有客户端宽度的预览,3D 有环绕 视口。
Tip: 从模板开始,别从空白页开始。模板告诉 agent 输出格式、查看器 和适用的检查——你的 brief 只需要带上想法。