SuperAPI AI 工具集

figma-skill

设计与创作

查看项目

更新于 10-15 22:16

技能介绍

用途:读取 Figma 文件、导出素材、列出组件与样式,并管理评论。适合在用户要求获取 Figma 设计、从 Figma 导出图片或处理 Figma 组件时使用。

配置:在 Figma 的 Account Settings → Personal Access Tokens 创建令牌,然后创建 ~/.claude/skills/figma-skill/config.json,内容为 {"access_token": "YOUR_TOKEN"}。文件 Key 可从 Figma URL 中获取,格式为 figma.com/file/FILE_KEY/...。

主要命令: 用户信息:python3 ~/.claude/skills/figma-skill/figma_skill.py me 文件与项目:get FILE_KEY 获取文件信息;files --project PROJECT_ID 列出项目文件;projects TEAM_ID 列出团队项目;versions FILE_KEY 查看版本历史。 节点与导出:nodes FILE_KEY --ids "1:2,1:3" 获取指定节点;images FILE_KEY --ids "1:2" --format png --scale 2 导出图片,支持 png、jpg、svg、pdf 格式。 组件与样式:components FILE_KEY、styles FILE_KEY、team-components TEAM_ID。 评论:comments FILE_KEY 列出评论;add-comment FILE_KEY --message "Nice work!" 添加评论;add-comment FILE_KEY --message "Review this" --node-id "1:23" 针对特定节点评论。

节点 ID 格式为 1:23,可通过 get FILE_KEY 查看页面结构、在 Figma 中右键 → Copy/Paste → Copy as CSS(包含节点 ID)或在 Figma 开发模式中获取。所有命令输出 JSON。

限制:需自行准备 Figma 个人访问令牌;资料未提供其他平台支持、收费或价格信息。