How to Use SF Symbols in Figma (Font vs Image)

Want to use SF Symbols in your Figma designs the right way? In this video, I’ll walk you through the best methods for copying or exporting symbols from Apple’s SF Symbols app and using them effectively in Figma. Whether you’re designing for iOS or building a UI kit, you’ll learn the pros and cons of using text-based symbols and vector images—plus how to work with multicolor and custom symbols. 0:00 Intro 1:18 Options for Copying Symbol 1:42 Copy Symbol 3:38 Copy Image As PNG 4:59 Copy Image As SVG 6:34 Advantages of SVG 7:11 Advantages of Font Symbol 8:31 Copying Custom Symbol 9:24 Use Symbols in Mockup 11:40 Wrap-up