How to Install Apple’s San Francisco UI Fonts on Windows 10 for Figma Prototyping
Excuse the long title, but this drove me absolutely bonkers. Part of creating prototypes that are as realistic as possible is ensuring that you have as close to the actual resources as possible. I was building a Figma prototype the other day on a Windows desktop I have at home and it did take more effort than I liked to setup Apple’s UI fonts. Being an ex-Software Engineer I did find a way, and I hope to help other Designers who may not have the know-how.
Step 1: Download the fonts
Sounds easy enough– after a quick Google I quickly found myself on the official source of Apple’s San Francisco fonts for text and display:
Problem is, the .dmg file is not a native format to Windows. Most Designers and Mac people will recognise this as a standard file format containing applications or plugins for applications. Think of it as a fancy .zip or .rar file.
I followed this guide and similar resources, but to no avail:
