Color Extractly
颜色提取
✏️ 介绍
Color Extractly 是一款用于把代码、文本、CSS 或 Figma 选中元素快速转换成 Design Token System 的插件。它可以自动整理颜色、文字样式、Variables 和 Tokens，并提供样式清理、组件处理和多平台导出能力，适合 Design System 搭建、设计与代码对齐以及现有文件规范化。
🔨 功能
1. 支持从代码片段、文本、CSS 或 Figma 选中元素中提取设计信息 2. 可自动生成 Color Variables、Text Styles 和 Design Tokens 3. 自动在 Figma Canvas 中生成整理好的 Design System Sheet 4. 支持将 CSS 或开发侧 Token 转换为 Figma Variables 5. 支持 Styles to Variables 6. 支持自动语义化命名 7. 支持根据代码和 Layer 结构生成命名 8. 支持 Smart Matching，减少重复 Token 和重复样式 9. 支持生成 Dark Mode 10. 支持将文本图层转换为 Text Styles 11. 支持自定义 Text Style 命名 12. 支持从数值属性创建 Variables 13. 支持将数值替换为 Library Variables 14. 支持批量应用到选中对象 15. 支持将对象转换为 Component 或 Component Set 16. 支持替换为匹配的 Component 17. 支持批量或选择性 Reset Overrides 18. 支持从图片中提取颜色 19. 支持批量处理 Image Fill 20. 支持自动裁掉图片透明边缘 21. 支持 Auto-fit、Fill 和 Tile 图片填充方式 22. 支持移除重复颜色和未使用 Styles 23. 支持 Detach Instance，同时保留当前外观 24. 支持批量清理隐藏图层和未使用属性 25. 支持自动识别 HEX、RGB、HSL 色值格式 26. 支持 WCAG 和感知无障碍颜色验证 27. 支持导出 CSS、JSON、SCSS、Tailwind、Android、iOS 和 DTCG 28. 支持自定义 Token 导出命名模板 29. 支持生成可直接交付开发的配置 30. 支持 Font Class 导出 31. 支持从选中对象导出 Dev Code Token 和 CSS3 Class 32. 支持通过拖拽导入 `design.md` 33. 支持导出 `DESIGN.MD`，当前为 Alpha 34. 支持 AI Design Spec 导出 35. 支持检查当前设计与 Design Library 的一致性 36. 提供 Material 3、iOS 17、Microsoft Fluent 2、Tailwind CSS、Bootstrap 5.3、Ant Design 5 等 Token Starter 37. 支持 Color、Number 和 Typography Token 38. 支持 Masonry Grid Layout 39. 支持 Undo / Redo 40. 适合 Design System 初始化、设计与开发 Token 对齐、旧文件清理和多平台设计规范输出
.png)
