Agentic demo automation is here.
Meet Lily
This interactive demo was created free with Storylane in 2 minutes. Create your own demo
This interactive demo was created free with Storylane in 2 minutes. Create your own demo
Start free

How to Use SF Symbols in Figma

‍

‍

It is very easy to use SF symbols in Figma with the help of the SF Symbols Browser plugin. Here’s a short tutorial on how to do it:

‍

  1. Go to the bottom section of your Figma design canvas and then click 'Actions'.
  2. Search for 'SF Symbols Browser' and select it from the suggested results.
  3. After that, tap 'Run' to proceed.
  4. Browse the given options and then tap the specific SF symbol you prefer to use.
  5. After completing these steps, the selected SF symbol will be added to your canvas. You can now use it as part of your design.
Similar Articles

How to Create a Figma Plugin

How to Embed a Figma Prototype in Google Slides

How to Make a Search Bar Design in Figma

Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Chrome Extension Icon
Try our Chrome extension
DOWNLOAD

Desktop app for macOS
DOWNLOAD
Backed by
Y combinator
AICPA SOC
GDPR
Products
Guided DemosSandbox DemosDemo Hub
Featured
Account RevealPersonalizationIntegrations
Solutions
EnterpriseGrowth & Demand
MarketingProduct MarketingSalesPresales
Resources
BlogTutorialsHelp DocsWhat’s NewDemo DundiesPlaybooks
Company
CareersPricingPartnersContactTrust CenterDemo Abuse
Customers
Demo ShowcaseCase Studies
Built in San Francisco Bay Area - ©2025 Storylane
Backed by
Y combinator
AICPA SOC
GDPR
Privacy PolicyTerms & Conditions
X Corp (formerly Twitter)LinkedIn
This website uses cookies to ensure you get the best experience on our website. Learn More
Got it