关于 figma-assets-manager
用于管理 Figma 资源的 Skill，涵盖清点、导出、整理、审查和前端交接。它侧重资源清单，并避免无范围授权地修改设计文件或未经批准地向外传输资源。
主要功能
- 01清点并审查资源
- 02导出选定节点
- 03整理名称与尺寸
- 04生成前端交接清单
- 05记录格式、比例与用途
适用场景
- 01列出资源及导出需求
- 02为实现准备资源
- 03发现缺失或过大的资源
- 04将导出资源交接给前端工作
MCP 相关
该 Skill 可通过 Figma MCP 导出或下载资源，并要求在使用 Figma 工具前先调用 `figma:figma-use`。
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/figma-assets-manager确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
agents/openai.yamlassets/asset-manifest-template.jsonevals/evals.json详细介绍
Figma 资源管理器
使用此技能进行资源提取和准备。它不是通用图像生成器，除非明确限定范围，否则不应修改设计文件。
模式
inventory：列出可用资源和导出需求。export：按要求的格式导出选定节点/资源。prepare：优化命名、密度、尺寸和实现位置。handoff：生成用于前端集成的清单。audit：标记缺失、过大、重复或无法访问的资源。
工作流
- 确认目标节点、格式、缩放比例、预期代码位置和隐私要求。
- 如果需要通过 Figma MCP 导出/下载，请先调用
figma:figma-use，再调用 Figma 工具。 - 图标和简单矢量图形优先使用 SVG；摄影或复杂位图媒体优先使用栅格格式。
- 如果资源来自第三方或涉及品牌，请记录许可/使用方面的假设。
- 编写或请求一份资源清单，包含源节点、输出路径、格式、缩放比例、尺寸和预期用途。
- 对于前端集成，在导出后移交给
webapp-ui-skill或marketing-site-skill。
输出格式
使用 assets/asset-manifest-template.json，或在 Markdown 中总结相同字段。
边界
- 未经明确批准，不要将私有资源上传到优化或 CDN 服务。
- 除非目标实现需要，否则不要将可编辑的 Figma 矢量图替换为扁平化栅格资源。
- 不要假设字体已获准用于 Web 嵌入；请报告缺失的字体/许可检查。
验证与评估
- 验证导出内容包含源节点、格式、缩放比例、尺寸、输出路径和预期用途。
- 检查私有资源是否保持本地，除非已记录获批的外部传输。
- 使用
evals/evals.json测试 SVG 导出清单行为，以及对私有资源外部优化的拒绝行为。
评论
支持 Markdown