/install figma-design-analyzer
Figma设计分析技能 (JavaScript版)
使用Node.js分析Figma设计文件,提取设计系统,导出资源,验证实现一致性。
快速开始
-
设置令牌:
export FIGMA_ACCESS_TOKEN=your_figma_token -
安装Node.js依赖:
npm install # 或 yarn install -
使用技能:
- 在Claude中:直接描述您的Figma分析需求
- 命令行:
node scripts/figma-cli.js --help
核心功能
1. 文件信息获取
获取Figma文件的完整结构和元数据:
node scripts/figma-cli.js info "文件ID或URL"
2. 设计属性提取
提取颜色、字体、间距、组件等设计系统数据:
node scripts/figma-cli.js extract "文件ID" --output design-system.json
3. 截图导出
导出设计节点的PNG/JPG截图:
node scripts/figma-cli.js export "文件ID" --node-id "节点ID" --format png
4. 比对验证
将实际实现(CSS/代码)与设计进行比对:
node scripts/figma-cli.js compare "文件ID" implementation.css --output report.json
输出格式
- JSON:机器可读的结构化数据(默认)
- HTML:可视化比对报告
- PNG/JPG:设计截图
错误处理
- 验证FIGMA_ACCESS_TOKEN环境变量
- 检查文件访问权限
- 处理API限制和网络错误
- 提供明确的错误信息和解决建议
示例用例
- 设计系统文档生成:提取所有设计规范
- 开发资源准备:批量导出图标和组件截图
- 实现质量检查:比对CSS与设计一致性
- 设计评审:分析设计规范遵循情况
下一步
- 设置您的FIGMA_ACCESS_TOKEN
- 提供Figma文件URL或ID
- 描述您的具体需求
技能会自动处理分析并生成结果。
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install figma-design-analyzer - After installation, invoke the skill by name or use
/figma-design-analyzer - Provide required inputs per the skill's parameter spec and get structured output
What is figma-design-analyzer?
分析Figma设计文件,提取设计系统数据(颜色、字体、间距、组件),导出截图,并与实际实现进行比对验证。使用JavaScript/Node.js实现,当用户需要处理Figma设计文件、提取设计规范、导出设计资源或验证设计实现时使用此技能。 It is an AI Agent Skill for Claude Code / OpenClaw, with 109 downloads so far.
How do I install figma-design-analyzer?
Run "/install figma-design-analyzer" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is figma-design-analyzer free?
Yes, figma-design-analyzer is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does figma-design-analyzer support?
figma-design-analyzer is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created figma-design-analyzer?
It is built and maintained by plume-LJ (@plume-lj); the current version is v1.0.2.