Figma is a super popular cloud-based prototyping tool for UI designers, web designers, product managers, and other creatives. The tool is mostly well-received for a number of amazing features such as the real-time collaboration among multiple designers, allowing teams to carry out designs from simple to complicated ones on a single project. Figma is a sold and highly reliable design tool.
This collaborative aspect has made it a top choice for teams all around the world. Figma is versatile too, allowing users to create everything from slick user interfaces to rough wireframes and interactive prototypes. Plus, it’s known for being easy to use, making design accessible from any device with an internet connection.
The SF pro font is proprietary to Apple and the iOS ecosystem, and it is not recommended that you try to download the font and manually install it on your PC especially if you are Windows. Mac users can follow the method below to have the San Franciso Pro Display font installed on their devices.
However, here is the step-by-step process on how to add the SF Pro Display font to Figma:
- Step 1: Visit Apple’s website to download the SF Pro Display font.
- Step 2: Next, launch Figma and create a new document.
- Step 3: Click on the “Text” tool and then click on the “Add Font” button.
- Step 4: Finally, choose the “SF Pro Display” font that was initialy downloaded and confirm by clicking “OK.”
That said, you have successfully integrated the SF Pro Display font into your Figma design environment.