SuperAPI AI 工具集

figma-to-ai-prompter

设计与创作

查看项目

更新于 10-16 00:21

技能介绍

用途:把 Figma 设计结构提取出来,转换成适配不同 AI 原型工具的提示词,衔接设计与代码生成。

主要能力:提取 Figma 的布局、组件与样式;转换为各工具专用提示词;用 MCP 文本上下文替代画板附件以优化 token;支持 Lovable、Figma Make、Pencil.dev、Paper.design、Google Stitch;可将生成原型与原始设计做校验。

使用方式:克隆仓库 git clone https://github.com/royvillasana/figma-to-ai-prompter.git,进入目录后按需执行 npm install。通过 Figma API 拉取文件(需设置 FIGMA_TOKEN、FIGMA_FILE_KEY 等环境变量),用 scripts/transform.js 提取结构并生成上下文,再套用 prompts/ 下对应工具的模板生成提示词。TARGET_TOOL 可选 lovable、figmamake、pencil、paper、stitch。

适用场景:需要把既有 Figma 稿快速喂给 AI 原型或前端生成工具时;需要控制提示词长度与成本、并希望按设计系统复用组件与设计令牌时。

限制:资料未提供具体授权或收费细节;各目标工具的模型与计费方式以官方资料为准。部分步骤代码为示例,实际运行需自行准备 Figma 令牌与工具访问权限。