Figma导出工具是设计提效利器，支持SVG、WebP、CSS及UnoCSS等多格式导出。可自动提取选中元素样式，还能实现文件上传与图标自动生成。操作便捷，精准适配多元场景，助力设计师高效完成设计资产转化，大幅提升设计交付效率与规范性
✨ 特点
- **多格式导出** — 在一次操作中将选定的 Figma 图层导出为 **SVG**、**WebP**、**CSS** 或 **UnoCSS**
- **实时选择面板** — 浮动面板跟随您的 Figma 选择并立即显示 CSS / UnoCSS 代码（可拖动，位置在选项卡之间同步）
- **灵活上传** — 通过以下方式上传导出的资源：
- **FormData** — 使用自定义字段和模板变量（“{{filename}}”、“{{filesize}}”、“{{uuid}}”）POST 到任何 HTTP 端点
- **OSS（S3 兼容）** — 直接 PutObject 上传到 AWS S3、阿里巴巴 OSS、Cloudflare R2、MinIO 等。
- **自动图标** — 通过可配置的 API 一键式 SVG 图标注册
- **SVG auto `currentColor`** — 自动用 `currentColor` 替换单色 SVG 中的填充/描边颜色
- **CSS 单位转换** — 使用可配置的根字体大小将 `px` 转换为 `rem`
插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点，在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装
5、安装好后即可使用
扫码关注公众号，发【识别码】获取
