Export styles to CSS variables|样式导出到 CSS 变量

Export styles to CSS variables

样式导出到 CSS 变量

作者
Felix Thålin
类别
📝 设计规范
定价
付费

✏️ 介绍

这是一款用于把 Figma 样式快速转换成 CSS 自定义变量的插件。你可以选择颜色格式,并决定文字尺寸是否使用 REM,插件会自动整理命名并生成可直接用于前端开发的样式变量。

🔨 功能

1. 将 Figma 颜色样式导出为 CSS Variables 2. 支持 RGBA、HEX、HSLA 三种颜色格式 3. 支持将文字尺寸导出为 REM 单位 4. 可将 Effects 转换为 `box-shadow` 5. 可将模糊效果转换为 CSS `blur` 6. 自动把 Figma 分组命名转换为双短横线格式 7. 自动将空格、camelCase 转换为 kebab-case 8. 自动移除特殊字符,方便直接用于代码 9. 目前只支持纯色,不支持渐变和图片填充 10. 如果一个样式包含多个颜色,只会导出第一个颜色

想看同分类更多插件?去📝 设计规范分类页浏览。