SuperAPI AI 工具集

figma-make-exporter

前端与建站

查看项目

更新于 10-16 11:19

技能介绍

用途:将当前页面补齐为可导出的 Figma Make 资产结构,保证后台导出接口拿到的产物是“名称.fig”,并让 canvas.fig 与页面内容一致。

主要能力:支持两种场景。A、项目由 Figma Make 导入且已有 canvas.fig 时,同步当前页面与导出壳子后重新回写 canvas.fig,并刷新 manifest、meta.json;B、原生 Axhub 页面无 canvas.fig 时,先补齐导出壳子再生成 canvas.fig。固定目录分层要求:根目录 index.tsx 只做 Axhub 运行时适配,style.css 为样式转发层;src/App.tsx 只做 Figma 导出薄壳,src/main.tsx 为 Vite 挂载层,共享主体落在 src/components/,共享样式落在 src/styles/。必须保留 canvas.fig、meta.json、ai_chat.json、thumbnail.png、canvas.code-manifest.json、images/ 等原始资产。

使用方式:先同步页面再执行 pack。回写命令为 node scripts/canvas-fig-sync.mjs pack --fig src/prototypes/<page-name>/canvas.fig --from src/prototypes/<page-name> --prune-missing --sanitize-for-export;刷新 manifest 用 node scripts/canvas-fig-sync.mjs inspect --fig <canvas.fig> --manifest <file>;生成基础 canvas.fig 可先用 cp scripts/templates/empty-canvas.fig 目标路径,再执行 pack。后台导出接口为 GET /api/export-make?path=prototypes/<page-name>,下载文件名为 名称.fig。

限制:canvas.fig 是二进制文件,不能手改;运行 pack 前必须确认导出壳子已同步;已有 images/ 的 hash 命名文件不可随意重命名;导入项目不能删除原始 Figma Make 资产。缺失文件默认保留原始内容,导出场景建议加 --prune-missing 与 --sanitize-for-export。其他未提供信息暂未提供。