设计工具的快照
Hannah Hearth（Vercel 产品设计师）分享了她团队最新设计工具 Show and Tell 的观察。这篇写于 2026 年 4 月，她自己也承认"几周内就会过时"。
核心 takeaways：
- 即使是小团队，每个人现在用的工具完全不同
- AI 使用范围很广：从 6 个月来每天用 AI 的早期采用者，到觉得 AI 对创意工作基本没用的怀疑者
- AI 设计工作流工具相对于 AI 工程工作流工具来说，笨拙且落后
Claude + Codex 结对编程
Timo 用 Codex 作为主要编码 Agent，但创建了一个 skill 让 Claude 审阅 Codex 的工作。Skill 文件指示 Codex：
- 与 Claude 分享计划并征求反馈（是否比需要的更复杂？是否有重复？API 设计是否良好？）
- 不要盲目服从，要为自己相信的东西辩护
- 只有双方都同意时才更新计划
不需要自定义工具就能尝试：直接让你的 Agent 与第二个模型分享计划并讨论后再回来找你。
Skill 地址：https://github.com/timolins/claude-review
并行线程保持心流
传统设计工具很容易进入心流状态——连续几小时专注地广泛探索+深入细节。但现在，发送提示后坐着等 Agent 完成一系列任务，不知不觉中就在 Slack 上刷来刷去。
团队找到的解法：并行线程。Tom 在 Conductor 中启动项目，打开几个不同标签页处理不同主题：一个用于 UX 流程，一个用于状态和数据，另一个用于各种小的 paper cut 修复。不仅提高了 Agent 在同样时间内的生产力，也让事情保持有序，不会因为管理 100 个小机器人军队而疯掉。
从生产环境设计
旧世界：设计文件领先于生产环境，团队努力保持同步。 新世界：实现成本和时间大幅下降，设计文件可笑地过时，生产环境有一百万个从未在 canvas 上开始的功能。
这没问题，因为设计师也在写代码。但带来了挑战：有时需要在回到代码前用 canvas 玩想法。
工具：
- Paper 浏览器扩展：复制页面的结构和样式，几乎完美地导入 Paper 设计 canvas
- Click to Component Chrome 扩展（Sam 自建）：替代 React Dev Tools 快速跳转到文件位置 https://github.com/sambernhardt/click-to-component-chrome-extension
- Slack 里的 Agent：v0、Cursor、Claude 在 Slack 频道中被 @ 来改代码、开 PR。不需要加到 backlog，直接从 Slack 线程里让 Agent 修复明显的 paper cut
没有 Canvas 时如何迭代
用 AI 编码工具做设计的主要挑战：没有 canvas 时，往往会钻进一个狭窄的兔子洞，而不是在大量想法上发散。
UI Fork（Sam 创建）：在本地 dev 中创建组件的多个版本。你可以用叠加的 UI 切换或键盘快捷键在浏览器中切换不同变体。找到喜欢的版本后，提升该变体，UI Fork 会将该版本的 diff 合并回原始文件。
https://github.com/sambernhardt/uifork
Figma 仍然是很多人的自然选择
不是每个人都相信 AI 在日常设计工作中有用。一些设计师尝试了 AI-first 设计工作流，然后回到 Figma，因为它更适合广泛探索。另一些人想念 canvas 生活，但发现 Figma 的设计过程与 AI 编码工具相比慢得惊人。
有一定成功的是用 Figma MCP 填充设计 mock 的真实内容。Hannah 这周开始填充列表视图的数据和 logo，意识到：2026 年了，我可以用 AI 做这种琐碎耗时的任务。在 Cursor 里一个快速提示就能为特定 Figma 文件填充相关数据和图片，节省了大量时间。团队仍然惊讶 Figma 不原生做这件事。
非 AI 工具也有效
不是每个新工具都需要 AI：
- Timeless（Vercel 内部工具）：持续录屏，随时保存最后 5 分钟。发现 fleeting layout shift 或无法复现的 bug 时，可以事后捕获、修剪到需要的时刻、分享。https://github.com/vercel-labs/timeless-releases
- Cleanshot 的 Pin 工具：将截图覆盖到新设计上，快速对比 before/after