Web Design » Figma » How Do I Get SF Pro Display Font on Figma?

How Do I Get SF Pro Display Font on Figma?

Last updated on March 11, 2023 @ 6:26 am

If you’re a web developer, you’ve probably heard of Figma. It’s a vector graphics editor that’s gained a lot of popularity in recent years, and for good reason.

It’s simple to use and has a ton of features that make it perfect for creating high-quality designs.

PRO TIP: The SF Pro Display font is a proprietary font created by Apple, and it cannot be downloaded or installed on Figma. Any attempt to do so may result in damage to your computer or data.

One of the best things about Figma is that it supports custom fonts. This means that you can use any font you want in your designs, including the new San Francisco Pro Display font. In this article, we’ll show you how to get SF Pro Display on Figma.

Step 1: Download the SF Pro Display font from Apple’s website.

Download SF Pro Display font at Apple Developer website

Step 2: Open Figma and create a new document.

Create a new Figma document

Step 3: Click on the “Text” tool and then click on the “Add Font” button.

Click the Figma text tool and add your font text

Step 4: Select the “SF Pro Display” font and click “OK“.

That’s it! You can now use the SF Pro Display font in your Figma designs.

Figma is a great vector graphics editor that is simple to use and has many features that make it perfect for creating high-quality designs. One of these features is the ability to use custom fonts, which means you can use any font you want in your designs. The steps above show how to get SF Pro Display on Figma so that you can use it in your own designs.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.