读取 Figma 文件,提取设计 Token,生成 React Native Expo TS 或 Web React + Tailwind 代码,回写至 Figma,并对比本地模型与 Figma 差异以实现最小化补丁。
figma-sync.是一项面向实际任务的技能,主要用于Bidiform Figma QQ代码同步技能...;Setup. 在https://www.figma.com/developers/api#access-tokens.commands.pul(读 + 生成代码).Outputs: design Model.json上获得一个符号.。
实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;
涉及批量任务时,还应保存进度,避免中断后重复操作。该技能适合用于一次性任务,也可以接入自动化工作流,与其他技能或上层代理配合完成更完整的业务链路;在组合使用时,应明确每一步的输入输出关系,并避免不同步骤之间出现参数冲突。
双向 Figma ↔ 代码同步能力。
export FIGMA_TOKEN="your-personal-access-token"
获取 Token 地址:https://www.figma.com/developers/api#access-tokens
python3 scripts/figma_pull.py --file-key--platform rn-expo --output-dir ./out python3 scripts/figma_pull.py --file-key --node-ids 1:2,3:4 --platform web-react --output-dir ./out
输出文件:designModel.json、tokens.json、codePlan.json,以及生成的组件文件。
python3 scripts/figma_push.py --file-key--patch-spec patch.json python3 scripts/figma_push.py --file-key --patch-spec patch.json --execute # 实际应用变更
默认为预览模式(dry-run)。添加 --execute 参数以实际应用变更。
python3 scripts/figma_diff.py --file-key--local-model designModel.json
输出变更内容及用于同步的 patchSpec。
python3 scripts/figma_preview.py --file-key--operations ops.json
展示将发生的变更,且不修改任何内容。
采用指数退避策略、ETag 缓存,并严格遵守 Figma 的速率限制(约 30 次请求/分钟)。
缓存存储在 .figma-cache/ 目录中。
相关专题
热门下载
相关下载
精品课程
共6课时 | 54.6万人学习
共89课时 | 133.4万人学习
共49课时 | 82.2万人学习