copy-figma-css-figma 设计稿检查元素复制 CSS 插件 1.0.10

figma 设计稿检查元素复制 CSS 插件，开启此插件激活inspect(检查）tab，便可以在选中元素之后自动根据设置好的规则复制 CSS 代码。

特征

* 自动复制 Figma Css
* 忽略无用的评论和不需要的属性
* 设置数字和自定义单位的比例级别
* 自定义替换规则
* 用 css/less/sass 变量替换值
* 不同项目的不同配置
copy-figma-css插图 copy-figma-css插图1

用法

* 安装此插件并将其固定在扩展栏中
* 打开或刷新 figma 文件，激活“inspect”选项卡（重要）
* 选择元素根据设置的规则自动将css复制到剪贴板（手动复制也会处理）
* 如果浏览器要求读取剪贴板的权限，点击允许读取，它只读取 CSS 代码
copy-figma-css插图2 copy-figma-css插图3

插件安装说明

1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点，在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装
5、安装好后即可使用