SF Pro można używać w Figmie, ale font musi być najpierw zainstalowany lokalnie w systemie. W wersji przeglądarkowej potrzebujesz także Figma Font Installer. Pobierz pliki z Apple Developer, zainstaluj je w macOS lub Windows, a następnie sprawdź rodzinę SF Pro na liście fontów w projekcie.
Jak zainstalować SF Pro w Figmie?
Instalacja składa się z kilku etapów. Najbezpieczniej pobrać font z oficjalnej strony Apple Developer, ponieważ SF Pro jest własnością Apple i nie powinien pochodzić z przypadkowych repozytoriów.
- Pobierz SF Pro – znajdź pakiet fontów na stronie Apple Developer i pobierz archiwum na komputer.
- Rozpakuj pliki – otwórz archiwum i odszukaj pliki fontów, zwykle w formacie używanym przez system operacyjny.
- Zainstaluj font w systemie – na macOS otwórz plik fontu i wybierz instalację w aplikacji Font Book. W Windows kliknij plik prawym przyciskiem myszy i wybierz instalację dla użytkownika lub wszystkich użytkowników.
- Zamknij i uruchom ponownie Figmę – aplikacja desktopowa powinna wykryć font po jego instalacji. Jeśli rodzina nadal nie pojawia się na liście, uruchom Figmę ponownie.
- Zainstaluj Figma Font Installer w wersji webowej – podczas pracy w przeglądarce pobierz instalator fontów z oficjalnego centrum pomocy Figma, zainstaluj go i uruchom zgodnie z instrukcjami.
- Sprawdź font w projekcie – zaznacz warstwę tekstową, otwórz listę krojów pisma i wpisz „SF Pro”. Jeśli instalacja przebiegła prawidłowo, zobaczysz dostępne odmiany oraz wagi.
Figma Desktop zwykle wykrywa font zainstalowany w systemie bez dodatkowego programu. Figma w przeglądarce korzysta z lokalnych fontów za pośrednictwem Figma Font Installer, dlatego samo zainstalowanie SF Pro w systemie może nie wystarczyć.
Ograniczenia licencyjne SF Pro
SF Pro jest krojem należącym do Apple. Możliwość pobrania plików nie oznacza, że font można dowolnie wykorzystywać w każdym projekcie.
Przed użyciem sprawdź aktualne warunki licencji Apple. W szczególności:
- SF Pro jest przeznaczony do projektowania interfejsów dla platform Apple.
- Font może być używany przy projektach związanych z systemami takimi jak iOS, macOS, watchOS i tvOS, zgodnie z warunkami licencji.
- Nie traktuj go jako uniwersalnego fontu do stron internetowych, aplikacji na Androida ani niezależnych materiałów brandingowych.
- W przypadku projektu komercyjnego lub publikacji poza ekosystemem Apple zweryfikuj licencję i rozważ krój z odpowiednimi prawami użycia.
Jak stosować SF Pro w interfejsie?
Rodzina SF Pro zawiera warianty przeznaczone do różnych zastosowań. Dobór odmiany i wagi wpływa na czytelność tekstu, zwłaszcza w małych rozmiarach interfejsu.
- SF Pro Text – wybieraj do akapitów, opisów, etykiet i innych elementów wyświetlanych w mniejszych rozmiarach.
- SF Pro Display – stosuj przy większych nagłówkach i tekstach, w których ważna jest forma wyświetlania.
- Wagi fontu – używaj regularnych i średnich odmian do tekstu podstawowego, a cięższych do hierarchii, nagłówków i przycisków.
- Skalowanie – sprawdzaj tekst przy rzeczywistym rozmiarze ekranu, ponieważ zbyt cienka lub zbyt ciężka odmiana może pogorszyć czytelność.
Po instalacji warto przetestować kilka wag w komponentach tekstowych Figmy i zapisać wybrane style w systemie projektowym. Dzięki temu interfejs zachowa spójność, a font będzie łatwiejszy do zastosowania w kolejnych widokach.
Przed publikacją projektu sprawdź aktualne warunki licencyjne Apple oraz bieżącą instrukcję instalacji fontów w Figma Help Center.
