copy-figma-css: 一个方便的 Figma CSS 复制扩展
copy-figma-css 是由 gnauhca 开发的 Chrome 扩展,为从 Figma 复制 CSS 提供了一种方便的方式。通过启用此扩展并在 Figma 文件中激活检查选项卡,用户可以在选择任何节点后根据设置的规则自动复制 CSS。
使用 copy-figma-css,用户可以享受以下功能:
- 自动复制 Figma CSS
- 过滤掉不必要的注释和不需要的属性
- 设置数字的比例级别和自定义单位
- 自定义替换规则
- 使用 CSS/LESS/SASS 变量替换值
- 不同项目的不同配置
要使用 copy-figma-css,只需安装插件并将其固定到扩展栏中。然后,打开或刷新 Figma 文件,激活“检查”选项卡,并根据设置的规则选择要自动复制 CSS 到剪贴板的元素。即使是手动复制 CSS,也会由扩展处理。
请注意,如果浏览器提示允许读取剪贴板的权限,请点击“允许”以授予访问权限,因为该扩展仅读取 CSS 代码。
总的来说,copy-figma-css 是设计师和开发人员在使用 Figma 时的有价值工具,可以简化复制 CSS 的过程并提高生产力。