Set it up

Follow the simple steps below to get started quickly.

Step 1. Create a Figma account (if you don't have one)

‍I assume that you are already a happy user of Figma but if you don't have an account go to www.figma.com and sign up. If you need help with signing up, you can learn how to do it here.

Step 2. Download and install Figma Font Helper 

‍If you're using the Figma Desktop app, any locally stored fonts are already available to you. For the browser version of Figma, follow this guide.

Step 3. Download and install 'SF Pro Text' font 

‍This UI Kit uses SF Pro Text font, and you can get it from here (macOS) or here (Other OS - click on green dropdown button "Code" and select "Download ZIP"). Then install SF Pro Text fonts on your PC and restart your computer.

Step 4. Open .fig file in Figma

‍There are many different ways to import design files into Figma. The easiest one is to drag and drop the file to your 'Drafts' folder. If you have problems opening the file in Figma, please follow these instructions from the official Figma's help page.