Save time exporting sets of SVGs by creating and assigning presets to optimize your exports. Works great for making icon libraries use clean and consistent SVG code. Optimization uses svgo ( https://github.com/svg/svgo ) under the hood. Reduce SVG file sizes See how options affect the code and appearance of icons in real time Use currentColor css property for icons that automatically inherit text color Use layer names as classes Create and manage presets for different types e.g. single color icons, illustrations, layers for animation Export to a .zip file or svg sprite sheet containing all of your selected layers Anyone on your team can see and modify presets on a file Comes with 3 pre-made presets Default : Just reduces file size, shouldn't break anything. Monochrome : Strips out all fills and strokes, uses currentColor as fill on the SVG element. Layer Names -> Classes : Uses your layer names in Figma as classes in the SVG code. Creating your own presets Click Edit presets Click the plus button in the top right Name and configure the options for your preset Sharing presets By default, all presets on a file can be seen and used by anyone with access to the file. Presets are saved on the file, so don't carry across if you create or edit a different file. To keep your presets, click the ... more icon in the presets panel and export your presets from one file, open up your new file, and choose the import presets option from the same menu.
适用场景
SVG Export 属于 导入和导出 分类，适合希望用清晰结果驱动设计流程的团队。
关键信息
- 分类：导入和导出
- 点赞：822
- 用户：94,458
- 定价模式：免费
发布者信息
创建者：Hamish。Figma 社区发布者：Hamish。
兼容性与支持
- 支持编辑器：design, dev_handoff
- 发布时间：2024年11月25日
- 支持联系方式：hamish@qwilr.com
安装前如何评估
查看 Figma 内最新更新说明，确认示例输出质量，并与下方相关插件做对比。