Grok Bot 接入 Figma MCP:6 步实现「说一句就出真设计稿」

nima_owji · x · 2026-11-04

@nimaowji 分享 Grok Bot + Figma MCP 的完整工作流,让 Grok 直接在 Figma 画布上生成真实 frame、auto layout 和组件:1) Settings→Connectors 连接 Figma 并登录授权;2) 写简短 brief(如指定 3:4、2160×2880、配色和 skill);3) Grok 在画布上构建并截图自检;4) 用短句迭代(「这个 chip 移一下」「用真 logo」「标题大点」);5) 把满意的风格存成 skill,下次自动沿用;6) 导出 2x PNG 检查后发布。Pro tips:Figma Starter 每月约 20 次 MCP 调用,尽量合并为一次大批量编辑;找参考图描述不如直接发图;受调用限制时可让它出 HTML 渲染再导 PNG;也能画 FigJam 流程图。