How to Use SF Symbols in Figma
- George Apostolov
How to Use SF Symbols in Figma: step-by-step guide
Go to the bottom section of your Figma design canvas and then click 'Actions'.
Search for 'SF Symbols Browser' and select it from the suggested results.
After that, tap 'Run' to proceed.
Browse the given options and then tap the specific SF symbol you prefer to use.
After completing these steps, the selected SF symbol will be added to your canvas. You can now use it as part of your design.
Quick answer: To use SF Symbols in Figma, click Actions at the bottom of the canvas, search for SF Symbols Browser, and select it. Next, tap Run, browse the options, and select your preferred symbol to add it directly to your design canvas.
About this Figma tutorial
Add Apple symbols to your Figma design canvas by launching the SF Symbols Browser action and selecting your preferred icon. This guide shows how to use SF Symbols in Figma in 5 steps, starting with "Go to the bottom section of your Figma design canvas and then click 'Actions'" and finishing with "After completing these steps, the selected SF symbol will be added to your canvas. You...". The interactive demo above is a click-through copy of the real Figma interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to use SF Symbols in Figma?
5 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Figma data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Figma. Related guides: How to Use the Adobe Fonts in Figma, How to Use the Pen Tool in Figma and How to Use the Slice Tool in Figma. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
