SF Symbols Optimizer
by Shingo Suzuki
Optimize Icon to SVG file for import into SF Symbols 7, SF Symbols 6 and SF Symbols 5.
Installs
749
Likes
80
Users
11,393
Views
10,085
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 7, SF Symbols 6and SF Symbols 5.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, BlackAdd 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.
More import & export plugins plugins
View allhtml.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Paidby divRIOTS
Convert any website into fully editable Figma designs
Figma to HTML
by Figma2HTML
Convert Figma design to HTML
TinyImage Compressor
Paidby Hypermatic
Export/downsize compressed JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF and PDF image files from Figma
Pitchdeck Presentation Studio
Paidby Hypermatic
Turn your Figma designs into animated slide decks or export them to PowerPoint/PDF