Figma CSS Inspector 被设计为 Chrome 扩展，无缝地允许设计者和开发者轻松地从…中提取 CSS。
Figma CSS Inspector 被设计为 Chrome 扩展，无缝地允许设计者和开发者轻松地从 Figma 设计中提取 CSS。这个强大的工具显着平滑了从设计到开发的过渡，只需单击一下即可为 Figma 文件中的任何对象、位图或元素生成 CSS 代码。
要安装此扩展，请按照下列步骤操作：
1. 启动 Google Chrome 浏览器并导航至 Chrome 网上应用店。
2. 使用搜索栏查找“Figma CSS Inspector”。
3. 在搜索结果中的扩展程序旁边，单击“添加到 CHROME”按钮。
4. 在随后弹出的窗口中单击“添加扩展”以确认添加。
5. 您现在应该在地址栏右侧的扩展区域中看到 Figma CSS Inspector 图标。进入 Figma 后，只需单击图标即可开始。
请记住，通过像您这样的用户的持续支持，才能实现持续改进！
最后，我们要对 https://github.com/leadream/figma-viewer-chrome-plugin 表示极大的感谢。
如果您赞赏我们的努力并想做出贡献，您可以通过此链接给我们买一杯咖啡☕️来支持我们 https://www.buymeacoffee.com/wakaka233
Figma CSS Inspector插件谷歌浏览器安装教程
第一步：下载Figma CSS Inspector安装扩展
第二步：下载下来的扩展解压到你想放的文件夹里
比如我解压到extend文件夹
打开Chrome的扩展页面（chrome：// extensions /或按Chrome菜单图标>更多工具>扩展程序），右上角开发者模式，点击开启，蓝色为开启，灰色为关闭；
再次将crx文件拖放到扩展程序，页面左下角提示：“扩展功能、应用和主题背景可能会损害您的计算机。您确定要继续吗？”
点击“继续”依然显示“无法从该网站添加应用、扩展程序和用户脚本”。尝试另一种办法方法。
第三步：把crx后缀改为zip，再进行解压
如果有些windows电脑系统查看不到文件扩展名，则可以通过以下设置：
找到文件夹顶部，点击查看
点击查看，找到隐藏已知文件扩展名，去掉前面的勾即可
这样你就能看到解压好的扩展名：.crx
解压的扩展名为.crx
把.crx改为：zip
然后再用解压工具再解压一遍，即可得到扩展的全部文件
然后再谷歌浏览器插件页面选择：加载已解压的扩展程序
这样就安装成功了
友情提醒：
其他浏览器，包括qq浏览器，360浏览器，edge浏览器，猎豹浏览器，搜狗浏览器安装插件的方法都是类似的，以上内容大部分通用！
