Aby dodać własną czcionkę w Figma, zainstaluj plik fontu w systemie operacyjnym. Aplikacja desktopowa wykryje go automatycznie, natomiast wersja przeglądarkowa wymaga dodatkowo narzędzia Figma Font Helper.

Jak dodać czcionkę w Figma krok po kroku?

Najpierw pobierz plik czcionki w formacie .ttf lub .otf. Figma nie dodaje kroju pisma bezpośrednio z poziomu pliku projektowego. Musisz zainstalować go lokalnie w systemie Windows albo macOS.

Ważne: do korzystania z narzędzi tekstowych potrzebujesz uprawnień can edit, czyli dostępu do edycji pliku. Sam dostęp do wyświetlania projektu może nie wystarczyć.

  1. Zainstaluj czcionkę w systemie – w Windows kliknij plik prawym przyciskiem myszy i wybierz instalację. W macOS otwórz plik w aplikacji Font Book i zatwierdź instalację.
  2. Uruchom Figma Desktop – aplikacja powinna automatycznie wykryć czcionkę zainstalowaną w systemie.
  3. W wersji przeglądarkowej zainstaluj Figma Font Helper – narzędzie pozwala przeglądarce uzyskać dostęp do lokalnych czcionek. Po instalacji uruchom je zgodnie z instrukcjami wyświetlanymi przez Figmę.
  4. Odśwież aplikację lub kartę przeglądarki – zamknij i ponownie otwórz plik albo przeładuj stronę.
  5. Wybierz narzędzie Tekst – naciśnij T lub kliknij ikonę tekstu na pasku narzędzi, zaznacz warstwę tekstową i otwórz listę czcionek w panelu właściwości.
  6. Wyszukaj nazwę zainstalowanego kroju – wybierz go z listy i zastosuj do tekstu.

Instalacja systemowa jest potrzebna zarówno w aplikacji desktopowej, jak i podczas pracy w przeglądarce. Figma Font Helper nie zastępuje instalacji czcionki, lecz umożliwia wersji webowej odczytanie fontów dostępnych na komputerze.

Dlaczego czcionka nie pojawia się w Figma?

Jeżeli font nadal nie jest widoczny na liście, sprawdź najczęstsze przyczyny:

  • Nie masz uprawnień can edit do pliku.
  • Plik czcionki nie został poprawnie zainstalowany w systemie.
  • Czcionka ma uszkodzony plik albo nie jest dostępna w formacie .ttf lub .otf.
  • Nie odświeżyłeś aplikacji desktopowej albo karty przeglądarki po instalacji.
  • Figma Font Helper nie został zainstalowany lub nie działa w tle podczas pracy w przeglądarce.
  • W projekcie używasz innego wariantu rodziny, na przykład kursywy lub pogrubienia, którego nie zainstalowano.

Po usunięciu problemu ponownie otwórz plik Figma i sprawdź listę czcionek w zaznaczonej warstwie tekstowej.