用 Grok Bot 做产品设计
一位设计师如何利用常驻待命的 Grok Bot 探索更多创意、直接操控真实线上代码素材，并在整个创作中坚守高标准判断力。
在 SpaceXAI，我们正在打造能够接收创意并将其一步步化为现实的 Agent。对于设计师而言，这彻底改变了“究竟什么样的想法才值得花精力探索”的游戏规则。
设计向来是一个将构想赋予形态的过程：做出来、感受体验、反复修改，直到感觉恰到好处。当创造的门槛大幅降低，我们便能在更早期探索更多可能性，让创意在实践中自然显露它应有的模样，而不是在动笔之前就凭空给它设限。
我一直都在使用 Grok Bot 来设计 Grok Bot。虽然它并未取代我现有的工具箱，但 AI 设计 Agent 的加入，不仅极大加快了我将想法变为现实的速度，更让我愿意去探索多得多的前沿创意。
Grok Bot 为我提供了一支 7×24 小时常驻待命的 AI 设计团队，它们拥有属于自己的电脑。它们具备记忆能力、熟练调用工具，能将工作从雏形一路推进至精美的终稿。即使我离开电脑桌，它们仍在继续运转——这尤为重要，因为灵感往往总是在我不坐在办公桌前的时候突然降临。
认识我的设计伙伴们
Figma Bro 负责处理 Figma 中那些繁琐重复的生产制作；Motion God 帮助我实现动效原型，随着我对交互手感的描述即时调整；Experiments 是我快速验证那些天马行空想法的试验田，在摸清它该成为什么之前先把它具象化；Devbot 回答工程可行性问题，协助其他伙伴理解一项创意究竟该如何落到代码实处。
这些名字让每个 Bot 的职责一目了然，但它们绝非孤立作战。我的设计 Agent 们能彼此开会碰撞、拆解分工任务，最后汇聚成统一成果。以下是最近的三个鲜活案例。
Experiments：随时动手探索，无需瞻前顾后
我最早想探索的创意之一，是如何让 Bot 随时随地触手可及。我想尝试快捷键、系统级全局入口等各种唤醒方式，因此我给 Experiments 派发了任务：打造一系列关于环境化泛在 Bot 交互的原型探索。
第一种方案将 Bot 巧妙地藏入 Mac 屏幕顶部的刘海（Notch）中。它在后台工作时静静收拢在固定位置，需要注意力时轻柔探出，当我需要了解更多时可展开为一个迷你工作台。这让 Agent 拥有了一个家，而无需强迫我多开一个窗口。
第二种方案让 Bot 在鼠标悬停时从桌面角落优雅探出身来。这种感觉不再像一个固定的死板界面，更像是一个拥有生命的角色：在被召唤或有话要说时走入视野。
第三种方案让 Bot 化身为鼠标光标旁的小随从，与我在当下屏幕上所做的一切建立起更加紧密的连结。
我向 Experiments 描述了这些行为设想，它自行推演如何将其化为可交互的实体。它将角色动作与过渡动画委托给 Motion God，将桌面窗口与实现细节向 Devbot 请教，随后整合为我可以直接实际上手体验的真实原型。我可以在日常工作中自然使用各个版本，亲身体会何时感到得力、何时感到打扰、何时恰到好处。
这就是我专门保留 Experiments 这个伙伴的原因。在把想法变成可以直观评判的实物之前，我无需纠结这个创意是否理智、技术是否可行、或者是否值得排入产品路线图。这些方案最终都没有原封不动地上线，但这本就不是重点。我有了灵感，做出了三种真实版本，并从中汲取了宝贵经验。想到什么，放手去做就好。
Motion God：直接操控真实线上资产
在过去，动效往往是我不得不移交给团队专职人员的环节。我可以描述动作或画几帧关键帧，但必须等待别人做出实物我才能感受反馈。而有了 Motion God，我能全程留在探索循环中，凭直觉手感亲自指挥交互动效。
在一场营销邮件推广中，我需要为 Grok Bot 角色制作一段宣传视频的原型。镜头序列非常具体：Bot 登场，注意到应用窗口，然后弹跳就位。
我不想让 Agent 从截图去拙劣临摹角色，也不想要粗糙的近似素材。我希望它直接调用已经在真实产品中鲜活运行的完全相同的高清素材。因此，我让 Motion God 基于真正的动画参数规范文件在本地构建了一个动态测试场（Playground）。这样一来，在动效实时运行播放时，我就能手动实时调节时间轴、弹簧系数、位移距离、缩放比例和缓动曲线。
同时我也给出了许多简短而敏锐的对比反馈：“朝左下看的时间再长一点。”“回弹有些夸张了，收一点。”Motion God 会即时更新修改，我可以瞬间重新完整预览整个动效序列。
这无比贴合我设计动效的本能感觉。在亲眼看到画面之前，我通常无法凭空预知一个过渡动画究竟该用 280 毫秒还是 340 毫秒。但我非常清楚该如何用语言描述它，并且只要手感恰到好处，我一眼就能确认。
最激动人心的并非是我的 Bot“做出了一个动画”，而是我能递给它真实生产环境的工程资产，并在其周围构建一个可运行的交互环境。我既可以通过确定性的数字滑块精细微调，也可以继续像与真人同事沟通一样，用日常语言指挥 Motion God 进行艺术创作。
Figma Bro：全权接管枯燥重复劳动
在 Grok Bot 的新用户引导流程中，我们希望展示一系列开箱即用的新手 Bot，能立即帮新用户承担工作。我们在内部征集了许多创意，例如“幕僚长（Chief of Staff）”和“收件箱整理助手（Inbox Triage）”。我拿到了包含 20 个描述的清单，它们都需要各具特色的头像与辅助属性标签。我在 Figma 中做出了一个自动布局（Auto-layout）组件，然后让 Figma Bro 批量生成其余全部卡片。
我们还想了解新用户经常使用的软件工具，以便为其首个 Bot 配置对应的上下文信息。我设计了页面版式模板，让 Figma Bro 负责搜寻精准的高清品牌资产，并按照用户使用频率概率排列放置。
这些任务在创意上并不深奥，但它们极度消耗设计师宝贵的精力和注意力。这更是微小不一致性极易滋生的地方：贴错了 Logo 变体、使用了过时的组件版本、从不同来源拽取了风格迥异的头像、或者第十张卡片的间距与第一张莫名脱节。
我不希望 Figma Bro 靠肉眼瞎猜。通过 Figma MCP 工具，它可以深入检查真实的 Figma 文件，使用丝毫不差的 x 和 y 绝对坐标、宽度、高度、外边距、排版字体、填充、描边以及组件嵌套结构。只要存在现成的画框或组件，那就是绝对的唯一事实来源（Source of Truth）。
保持紧凑高效的创作迭代环
这并没有让设计变成某种“一键直接出成稿”的快餐，它真正改变的是让思考与反馈的循环变得更加紧密高效。
借助 AI 设计 Agent，我能够更早地让构想在真实世界中初具雏形，在更高保真度的层面上进行推敲与反应，并将更多精力倾注在不同设计版本之间的权衡与美学裁决上。Grok Bot 并不会取代这种设计判断力，而是赋予了我更多挥洒这种品味的机会。
如果你也是一名设计师，把你的下一个创意抛给 Grok Bot，静候属于你的惊喜吧。
学完后记得保存进度
完成状态只保存在当前浏览器，不会上传你的学习记录。