Grok Bot创意设计AI 评分 · 78/100AI 辅助编辑·未发现明显提示词注入风险Grok Bot marketplace

用 Grok Bot 把 Figma 设计稿整理成开发说明

把 Figma 画框变成开发说明(build spec),并审计组件、设计变量(token)与动效。

零基础步骤
给谁
要从设计稿交到工程、需要开发说明或审计的设计或前端人员。
你会得到
按官方市场页介绍:开发说明(build spec)和/或审计结果。
你需要
Grok Bot;页上可见集成样例:Figma、Notion、Linear、Slack

硬约束

从 Grok Bot 官方市场页 Import Bot 后开始对话;作者功能说明以市场页为准,不等于本站实测。 官方页面表述含:默认出草稿,未经你明确同意不改文件、不发评论、不发布库。完整提示词未公开;本站尚未实测。

步骤

  1. 点击交给 Grok Bot

    点击案例卡片左下角的『交给 Grok Bot』,打开任务卡片。(完整文章页可在顶部『你需要』区域找到该按钮。)

  2. 一键导入模板

    在任务卡片的『复制任务链接』下方,点击『一键导入Grok Bot - 推荐』,前往对应的官方模板页;按页面提示打开 Grok Bot,并确认导入。

  3. 开始对话

    开始对话(编辑建议):你可以这样开始:贴一个画框链接,请它先出开发说明(build spec),再列组件/设计变量(token)风险。

可复制提示词

运行提示词 · 本站建议版本。Import 该 Grok Bot 后的对话中发送(编辑建议开场白;非模板内置系统提示词)

这一段是提示词,页面不会在这里插入广告。

这是一个 Figma 画框链接。请先输出开发说明(build spec),再列出组件与设计变量(token)风险清单。

导入后可把上述开场白贴进对话;完整模板提示词未公开,本站未实测。

来源

figma bro · John Bai · Grok Bot marketplace · 2026-11-01

留言与反馈

试过这个方法吗?分享效果、遇到的问题或改进建议。留言审核后公开,请勿填写敏感信息。

正在加载…

    相关用例