Figmentation

设计系统

作者: Fateema Ashraf
类别: ⚙️ 设计系统
定价: 免费

✏️ 介绍

Figmentation 是一款用于自动生成 Figma 设计文档和 Token 标注的插件。它可以从组件中自动提取颜色、字体、间距、边框和效果等设计 Token，并在组件旁边生成结构化说明，适合设计系统维护、开发交付和 UI 组件文档整理。

🔨 功能

1. 自动提取组件中绑定的 Design Token 2. 支持颜色、字体、间距、边框、阴影、模糊等多种属性 3. 可识别背景色、文字颜色和描边颜色 4. 支持提取字号、字体、字重、行高和字间距 5. 支持提取 Padding、Gap、圆角和 Stroke Width 6. 可自动在组件旁生成清晰的 Annotation 标注区域 7. 支持 camelCase、kebab-case 等多种命名方式 8. 优先保留现有 Token 名称，没有名称时可生成备用命名 9. 适合 Design System、组件库和开发 Handoff 场景 10. 可减少重复手动标注和维护设计文档的工作量