SF Symbol Generator

A Figma plugin to generate static or variable SF Symbol SVGs from your Figma icons that can be imported into the SF Symbols App or directly to Xcode as an asset.

Compatible with SF Symbols 5 and up.

FeaturesConvert a single Figma icon to an SF Symbol SVGCreate variable SF Symbols from three icons (Ultra Light, Regular, and Black)Simple interface for selecting icons and assigning weightsDynamic attribution in SVG exports with plugin name and versionCompatible with SF Symbols 5 and later versionsSmart naming based on parent component or frame namesThe icons width will also be respected in the SF Symbol SVG accordinglyInteractive SVG Preview with path direction visualizationEdit nodes in the plugin (Deleting nodes, changing bezier curves, setting starting node of a path)Save your edits to continue laterUsageSelect one or more icon layers in your Figma documentOpen the SF Symbol Generator pluginClick "Scan Selected Icons" to detect your selected iconsChoose between Static or Variable mode:

Static: Select one icon from your selection to create an SF SymbolVariable: Assign your icons to Ultra Light, Regular, and Black weightsClick "Generate" to create your SF Symbol SVG