让 AI 照着设计稿写代码,过去常像“看图猜答案”:颜色、间距和按钮状态容易猜偏,改完代码也未必能同步回设计稿。southleft 的 figma-console-mcp 想把这件事变成双向流程。它通过 MCP——让 AI 连接外部工具和数据的统一协议——把 Figma 里的读取、创建、修改和检查能力交给编码 Agent。
项目不只提供截图,而是把 design token——颜色、字号、圆角、间距等设计规则的结构化名称和值——以及组件变体、绑定关系和状态直接交给 AI。Agent 因而能按团队现有规范生成代码,也能把代码侧修改写回 Figma。作者还称,它可用明确规则检查设计与代码是否一致,并扫描无障碍和设计系统健康问题,而不是让模型凭审美判断。
这类接口的意义,是让设计系统从一套供人查阅的规范,变成 Agent 可以调用的 API。项目一天获得 179 星,至少说明设计工程自动化正在受到关注;但材料未提供实际团队案例或效果数据,能力上限仍需实践验证。