Tekst w Figma edytujesz bezpośrednio narzędziem Text (T) – klikając w pole tekstowe i wpisując treść lub zmieniając właściwości w panelu po prawej. Jeśli tekst nie reaguje, najczęściej problemem jest zablokowana warstwa, komponent lub styl tekstu.
Ten artykuł rozwiązuje praktyczne problemy: jak edytować tekst, jak działa formatowanie i style tekstowe oraz jak naprawić typowe blokady. Dotyczy projektów webowych, UX/UI i e-commerce.
Instrukcje są dla osób pracujących w Figma na co dzień – projektantów, marketerów i właścicieli stron.
Szybkie podsumowanie
- Edytuj tekst narzędziem Text (T) lub dwuklikiem w pole tekstowe
- Sprawdź blokadę warstwy, gdy nie da się edytować
- Instancje komponentów ograniczają edycję stylów
- Style tekstowe nadpisuje się lokalnie lub edytuje globalnie
- Auto Layout wpływa na zawijanie i wysokość linii
- Brak fontu powoduje zamianę kroju
- Constraints decydują o zachowaniu tekstu po zmianie rozmiaru
Kontekst problemu
W projektach stron i sklepów internetowych tekst w Figma jest powiązany z layoutem, komponentami i stylami. Edycja treści to nie tylko wpisanie znaków, ale też praca na systemie typografii.
Problemy pojawiają się, gdy tekst jest częścią komponentu, korzysta ze stylu globalnego lub jest objęty Auto Layoutem. Wtedy zmiana zachowania tekstu wymaga decyzji, a nie przypadkowych kliknięć.
Kluczowe zasady
Tryby edycji tekstu
Kliknięcie narzędziem Selection wybiera warstwę. Dwuklik lub użycie T przełącza w tryb edycji treści. Jeśli widzisz ramkę, ale nie kursor – nie edytujesz tekstu.
Style tekstowe i nadpisywanie
Styl tekstu (Text Style) ustawia font, rozmiar, interlinię i kolor. Zmiana stylu globalnego aktualizuje wszystkie elementy, które go używają. Nadpisanie lokalne dotyczy tylko jednego pola.
Komponenty i instancje
W instancji komponentu treść tekstu zwykle da się zmienić, ale nie zawsze można zmieniać styl. Jeśli styl jest zablokowany, edycja wymaga zmiany w głównym komponencie.
Auto Layout a zawijanie tekstu
Auto Layout kontroluje szerokość i wysokość ramki. Jeśli tekst dziwnie się zawija lub ucina, sprawdź ustawienie Hug contents / Fill container.
Brakujące fonty
Gdy Figma nie ma dostępu do fontu, zastępuje go innym krojem. W praktyce oznacza to zmianę szerokości i złamanie layoutu.
Zastosowanie w praktyce
- Wybierz tekst i upewnij się, że edytujesz treść, a nie ramkę.
- Sprawdź, czy warstwa nie jest zablokowana.
- Jeśli to komponent – zdecyduj: edycja lokalna czy zmiana w masterze.
- Sprawdź przypisany Text Style.
- Przy problemach z layoutem sprawdź Auto Layout i Constraints.
Ma sens: gdy projektujesz system UI lub widoki do wdrożenia.
Nie ma sensu: gdy potrzebujesz tylko mockupu – wtedy nie komplikuj stylami globalnymi.
Najczęstsze błędy
- Edycja instancji zamiast komponentu – niespójność typografii
- Nadpisywanie stylów bez świadomości – bałagan w systemie
- Ignorowanie Auto Layout – ucięty tekst po responsywności
- Brak fontów lokalnie – layout różny u każdego
- Ręczne zmiany rozmiarów – problemy przy skalowaniu
Rekomendacje i dobre praktyki
To działa, jeśli budujesz więcej niż jeden widok – używaj stylów tekstowych.
Unikaj, gdy robisz szybki wireframe – ręczna typografia będzie szybsza.
- Ustal zestaw stylów tekstowych na start
- Edytuj komponenty u źródła
- Sprawdzaj Auto Layout po zmianie treści
- Instaluj fonty lokalnie lub używaj Google Fonts
- Nie nadpisuj stylów bez powodu
Podsumowanie – co dalej
- Tekst w Figma to system, nie pojedyncze pole
- Style i komponenty oszczędzają czas
- Problemy wynikają z zależności, nie z błędów narzędzia
Jeśli edytujesz tekst często – uporządkuj style i komponenty. To najszybszy sposób na bezproblemową pracę w Figma.
FAQ
Dlaczego nie mogę zmienić fontu w Figma?
Najczęściej tekst korzysta ze stylu lub jest w instancji komponentu. Zmień styl globalnie albo edytuj komponent główny.
Jak edytować tekst w komponencie?
Treść tekstu zmienisz bezpośrednio w instancji. Jeśli styl jest zablokowany, wymagana jest edycja mastera.
Dlaczego tekst nie zawija się poprawnie?
Przyczyną jest Auto Layout lub stała wysokość ramki. Zmień Hug contents lub usuń sztywne wymiary.
Co zrobić, gdy Figma zmienia font?
Zainstaluj brakujący font lokalnie lub podłącz go przez Figma Font Helper.