AI编码工具擅长代码,但动画很难仅用代码来描述。在无法访问设计的情况下,代理可以猜测时间和状态。 MCP(模型上下文协议)通过让代理通过标准接口直接访问工具来解决此问题。
MCP 服务器是一个小型服务,公开代理可以调用的操作。对于动画,这可能意味着创建一个组件、添加一个状态、更改弹簧或读取文件的输入。代理根据您的提示决定何时调用这些操作。
设置通常很短。您可以将服务器添加到客户端的 MCP 配置中,例如使用 Claude Code 的 mcp 命令或在 Cursor 的 MCP 设置中,然后根据需要进行身份验证。之后,您可以用简单的语言询问:“用弹簧和按下状态进行切换”或“减慢成功动画”。
我们制作的 ExodeUI 有一个 MCP 服务器用于此目的。代理可以创建和编辑状态、弹簧物理、输入和事件的动画,结果是一个打开的 .exode 文件,您可以在编辑器中打开并在应用程序中播放。 Figma 和 Penpot 等设计工具拥有自己的 MCP 服务器,用于布局和设计上下文。
将代理输出视为草稿。在发布之前检查编辑器中的运动,尤其是计时、简化运动行为和每个状态。