用 Grok Bot 设计 Grok Bot

在 SpaceXAI，我们正在构建能够将想法付诸实践的智能体。对于设计师而言，这改变了值得探索的方向。

设计始终是一个将想法具象化的过程：创造某物、对其作出反应并不断修改，直到它感觉恰到好处。随着创作变得更加容易，我们可以探索更多方向、更快做出反应，并让想法展现其本质，而非在开始前就预设它的形态。

我一直在用 Grok Bot 来设计 Grok Bot。虽然这并未取代我现有的工具箱，但使用 AI 设计智能体改变了我将想法变为现实的速度，以及我愿意首先探索多少种可能性。

Grok Bot 为我提供了一支全天候在线的 AI 设计智能体团队，它们各自拥有独立的计算设备。它们拥有记忆能力、能够使用工具，并能将工作从初始概念推进到最终成品。在我离线时，它们也会持续工作——这一点很重要，因为灵感常常在我远离工作台时迸发。

认识我的机器人

GIF

Figma Bro 负责处理 Figma 中重复的生产性工作。Motion God 帮我通过描述交互感受来快速构建原型。Experiments 是我那些尚未明确最终形态、但希望使其具象化的想法的归宿。Devbot 回答工程问题，并帮助其他机器人理解一个想法应如何真正实现。

这些名称清晰地界定了每个机器人的职责，但它们并非孤立工作。我的设计智能体可以相互协作、分工负责项目模块，再将成果整合。以下是三个近期示例。

Experiments：你尽管去做

我最早想探索的想法之一，是如何让用户随时随地访问机器人。我尝试了键盘快捷键、操作系统级入口点以及其他调用方式，于是安排 Experiments 构建一系列关于环境化机器人访问的探索方案。

第一个方案将机器人嵌入 Mac 的刘海区域。它可以在工作时隐藏在固定位置，在需要引起注意时出现，在我想查看更多信息时扩展成一个小型工作区。这为智能体提供了一个栖身之所，而无需我打开额外的窗口。

第二个方案让机器人从桌面角落悬停出现。这感觉不像一个持续存在的界面，更像是一个角色在被召唤或有话要说时进入场景。

第三个方案让机器人作为伴侣跟随光标，与我当前的任何操作建立更紧密的连接。

我向 Experiments 描述了这些行为，它则想办法让每种方案变得切实可行。它将角色移动与过渡效果交由 Motion God 处理，将桌面行为与实现问题交给 Devbot，然后将所有内容整合成不同保真度的原型供我实际测试。

这就是我专门保留一个智能体用于 Experiments 的原因。我无需预先判断一个想法是否合理、可行或注定会进入产品路线图，就能将其具象化以供评判。这些概念没有一个完全按照探索时的样子发布。但这并非重点。我有了一个想法，实现了三个版本，并从每个版本中有所收获。你尽管去做。

Motion God：与真实素材协作

过去，动效设计通常是我将想法交给团队专家的环节。我可以描述行为或绘制几个关键帧，但必须由其他人实现后我才能对其做出反应。借助 Motion God，我可以留在探索循环中，凭感觉指导交互设计。

作为邮件营销活动的一部分，我想为 Grok Bot 角色制作一个宣传视频原型。序列相当明确：机器人出现、注意到应用窗口，然后弹入指定位置。

我不想让设计智能体基于截图重建角色或生成近似效果。我希望它使用产品中已有的、能够活动的真实素材。因此我让 Motion God 在本地服务器上围绕真实的动画规格文件构建了一个工作区。这样，我可以在运行时手动调整时序、弹性、距离、缩放和缓动效果。

但我发现自己也会给出简短的比较性反馈：“保持向左下看的时间再长一点。”“弹跳太夸张了。”Motion God 会做出修改，我能立即重新观看整个序列。

这更接近我自然设计动效的方式。通常在我亲眼看到之前，无法立即判断一个过渡应该用 280 毫秒还是 340 毫秒。但我懂得如何描述它，也知道何时感觉恰到好处。

有趣之处不在于我的机器人“制作了一个动画”，而在于我能给它一个真实的产品素材，并围绕其构建一个工作环境。我可以通过确定性控件直接调整动效，或者继续用与人类协作者相同的语言指导 Motion God。

Figma Bro：处理重复劳动

在 Grok Bot 的引导流程中，我们希望展示能立即为新用户承担任务的入门机器人。我们内部众包了一份创意列表，例如“幕僚长”和“收件箱分类”。我拿到一份包含 20 条描述的清单，这些描述还需要差异化的肖像和辅助属性。我在 Figma 中构建了一个自动布局组件，然后请 Figma Bro 填充其余部分。

我们还想了解新手用户使用的工具，以便他们的首个机器人能配备相应上下文。我创建了页面布局模板，然后让 Figma Bro 去寻找正确的素材，并按使用可能性排序放置。

这些任务在创意上并不困难，但会消耗创意注意力。而且它们正是小瑕疵容易扩散的地方：错误的 logo 变体、过时的组件、来源不统一的肖像，或者第十张卡片与第一张间距不同。

我不想让 Figma Bro 凭目测处理任何事情。通过 Figma MCP，它可以检查实际文件，使用精确的 x 和 y 坐标、宽度、高度、间距、字体、填充、描边和组件结构。如果存在现有的框架或组件，那才是真实的依据。

这一切并未让设计变成一步到位的过程。它让反馈循环更加紧凑。借助 AI 设计智能体，我可以更早将想法推向世界，以更高保真度做出回应，并将更多注意力放在不同版本间的判断上。Grok Bot 并未取代这种判断。它给了我更多运用判断的机会。

如果你是设计师，把下一个想探索的想法交给 Grok Bot，看看会得到什么。试试 Grok Bot，然后向我展示你的作品。