1DesignToolDownload

用 Claude Code 做设计

更新于 2026-09-25对应应用版本 1.7.0

Claude Code 是 1DesignTool 里打磨最充分的 agent 路径——design kit 最初就是针对它编写和打磨的,每个 steering 功能(pick、评论、Tweaks、 variants、Council)都在应用自己的测试运行里对它验证过。如果你有 Claude 订阅,这就是默认引擎。

设置

安装 Claude Code 并用你的 Anthropic 账户登录——agent 侧的设置就这么 多。1DesignTool 启动时会检测到这个二进制文件,把它连同版本和登录状 态列进 agent 选择器。在 composer 的 agent 芯片里选 Claude Code · Default,或者在 Settings → Agents 里把它设为默认。

模型与 effort

composer 的 agent 芯片展示 Claude Code CLI 提供的模型——Sonnet 适合 快速、便宜的迭代;需要真正有品味的设计时上 Opus。effort 档位用速度 换细致:Fast 用于 variants 和用完即弃的方向探索,Reviewed 用于你打算保留的那一轮,Council 把 brief 分发给多位评审,拿回 一份过了检查的结果。

在 composer 里选中 Claude Code——输入 brief,run 开始。

design kit 给它什么

每个项目文件夹都会在 .claude/skills/ 下得到一份 design kit 的纯文本 副本——Claude Code 每一轮都要读的规则手册:字号阶梯和对比度下限、 点击目标尺寸、markup 结构、模板的输出约定,以及门禁将要运行的检查。 因为 kit 就是文件夹里的普通文件,你可以打开它、看 agent 都被告知了 什么,甚至把它和设计一起提交——规格跟着作品走。

选中 Claude Code 的 composer——agent 芯片、effort 和质量控件

它擅长什么

  • 编辑风排版与字体 ——落地页、文档、品牌看板
  • 设计系统 ——保持一致的 token、组件和已保存的系统
  • 多轮 steering ——跨很多轮依然守住项目方向不跑偏
  • Council run ——多评审的质量模式和 Opus 很搭

Tip: 第二个项目起,把 Claude Code 和一个已保存的设计系统配对。 第一次 run 让 kit 学会你的品味;之后的每份 brief 都继承它。

如果检测不到 Claude Code

在终端里检查 PATH 上的 claude——1DesignTool 用同样的方式找 CLI。 已安装但已登出的 CLI 会在选择器里显示登录状态;应用会把你带进 Claude Code 自己的登录流程。详见连接你的编码 agent 和故障排查。

相关阅读