Back to Plugins

SF Symbols Optimizer
Optimize Icon to SVG file for import into SF Symbols 6 and SF Symbols 5.
appleiossf symbolsfigma-to-codeiconsvectorsvgexport
Plugin Preview
About this plugin
This plugin exports icons created in Figma in SVG format and adds them to custom symbols in SF Symbols It is compatible with SF Symbols 5 and SF Symbols 6.
- Open a page in Figma with icons you want to make into SF Symbols; icons created as Frames or Components will be exported.
- Select multiple Frames or Components to be exported and click the "Scan" button in the plug-in window. If no frames or components are selected, all frames and components in the page will be registered for export.
- Click the "Export" icon to export the SVG file in the SF Symbols 5 format. This SVG files will contain only the following variations size=Small, weight=UltraLight, Regular, Black
- Add this SVG file to Xcode as an asset and use it as a custom symbol. Through the SF Symbols mechanism, symbols are available for all Weights and Scales.
* Icons should be sized 1:1 aspect ratio, with no fill color applied to the background.
Plugin Details
Version | 4 |
---|---|
Created | July 25, 2023 |
Last Updated | September 15, 2024 |
Category | Import & export plugins |
Creator | Shingo Suzuki |
Stats | 422 installs, 51 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.