W tym artykule10 sekcji
Figma to narzędzie do projektowania interfejsów użytkownika, które działa w przeglądarce i jako aplikacja desktopowa. Pozwala tworzyć makiety, klikalne prototypy i grafiki, a cały zespół pracuje na jednym projekcie jednocześnie. Plan Starter jest darmowy, a większe zespoły płacą za stanowiska w planach Professional, Organization i Enterprise.
Czym jest Figma i jak działa?
Figma to oprogramowanie do projektowania ekranów aplikacji, stron i sklepów internetowych. Działa w chmurze (cloud), więc projekt nie leży na dysku, tylko na koncie, a otwiera się go z linku. Wszyscy pracują na tej samej, aktualnej wersji i nikt nie wysyła sobie kolejnych wersji mailem.
Firma Figma powstała w 2012 roku, a publiczna wersja narzędzia ruszyła w 2016 roku. W 2022 Adobe ogłosiło przejęcie za 20 mld dolarów, ale pod koniec 2023 transakcja upadła, a w lipcu 2025 spółka weszła na giełdę w Nowym Jorku. Dziś to standard w zespołach produktowych i agencjach.
Figma umożliwia:
- projektowanie układów ekranów dla aplikacji, stron i sklepów,
- tworzenie interaktywnych prototypów, w których przechodzi się ścieżkę użytkownika bez pisania kodu,
- rysowanie ilustracji i elementów graficznych,
- pracę zespołową: komentarze, wspólne zmiany i udostępnianie.
Nie jest edytorem zdjęć ani narzędziem do pisania produkcyjnego kodu.
Do czego służy aplikacja Figma?
Głównym zastosowaniem jest projektowanie UI, czyli warstwy wizualnej, i wspieranie UX, czyli całego doświadczenia użytkownika. W praktyce Figma służy do:
- makiet (wireframe'ów) - szkice układu w skali szarości, które z czasem zamieniają się w szczegółowy projekt,
- projektów wizualnych - kolory, typografia, zdjęcia i gotowe elementy interfejsu,
- tworzenia prototypów - połączone ekrany z przejściami i animacjami, które klikają się jak gotowa aplikacja,
- systemów projektowych - wspólne biblioteki kolorów, czcionek i elementów dla wielu produktów,
- warsztatów i sesji kreatywnych na tablicy FigJam.
Typ projektu | Co wykorzystuje się w Figmie | Przykład |
|---|---|---|
Aplikacja mobilna | ramki urządzeń, auto layout, biblioteka elementów | ekrany z jednolitymi przyciskami i formularzami |
Strona lub sklep online | siatki, responsywne ustawienia, interakcje | menu, koszyk i filtry do kliknięcia przed wdrożeniem |
Panel administracyjny | biblioteki stylów, szybkie iteracje | spójne tabele i formularze w wielu widokach |
Landing page | wtyczki z ikonami i ilustracjami | szybka makieta kampanii do akceptacji klienta |
Funkcje Figma Design - współpraca, biblioteki i prototypy
Główny edytor to podstawa całego zestawu. Najważniejsze funkcje projektowania to:
- współpraca w czasie rzeczywistym - kilka osób edytuje ten sam projekt i widzi swoje kursory, a komentarze przypina się bezpośrednio do elementu,
- komponenty - element, np. przycisk, definiuje się raz i używa wielokrotnie. Zmiana w elemencie głównym od razu aktualizuje wszystkie kopie,
- biblioteki i zmienne - kolory, typografia i style w jednym miejscu dla całego zespołu, co jest podstawą systemu projektowego,
- auto layout - elementy same dopasowują się do treści i dostępnego miejsca, więc łatwiej przygotować wersję mobilną i desktopową,
- prototypy - łączenie ekranów w przepływ, definiowanie interakcji i animacji, a potem test w trybie podglądu,
- wtyczki i widgety - dodatki, które np. generują ikony, sprawdzają kontrast zgodnie z WCAG albo wstawiają przykładowe treści.
Udostępnianie działa przez link z uprawnieniami do podglądu, komentowania lub zmian. Klient może obejrzeć projekt i zostawić uwagi bez płatnego konta.
Ekosystem - FigJam, Dev Mode, Slides, Sites i Figma Make
Wokół edytora powstał zestaw narzędzi do tworzenia projektów i prototypów oraz całego produktu cyfrowego, od pomysłu po wdrożenie:
Narzędzie | Do czego służy |
|---|---|
FigJam | tablica do warsztatów, map myśli i burzy mózgów |
Dev Mode | widok dla programistów z wymiarami, stylami i fragmentami kodu |
Figma Slides | prezentacje tworzone obok projektów |
Figma Sites | budowa i publikacja stron WWW prosto z projektu |
Figma Make | AI, które z opisu lub gotowego projektu tworzy działający prototyp albo prostą aplikację |
Figma Draw | rozbudowane narzędzia do ilustracji wektorowej |
Figma Buzz | szybkie tworzenie materiałów marketingowych w stylu marki |
Sites, Make, Draw i Buzz pokazano na konferencji Config w maju 2025. Ważnym elementem jest też serwer MCP, czyli integracja z narzędziami AI do kodowania. Przekazuje on szczegóły projektu, czyli warstwy, układy i zmienne, do programów takich jak Cursor, VS Code czy Claude Code. Dzięki temu łatwiej połączyć etap projektowania i programowania, bo kod powstaje na podstawie prawdziwego projektu, a nie zrzutu ekranu.
AI w Figma - możliwości AI i koszt
Figma AI to zestaw funkcji wbudowanych w narzędzie: generowanie pierwszej wersji ekranu z opisu, porządkowanie i nazywanie warstw, zamiana tekstu przykładowego na realistyczny, wyszukiwanie podobnych elementów oraz tworzenie obrazów. Najdalej idzie Figma Make, w którym z jednego polecenia powstaje klikalna aplikacja do testów.
Z funkcji AI korzysta się w ramach kredytów AI, czyli miesięcznej puli zależnej od planu i rodzaju stanowiska. Proste zadania zużywają mało kredytów, a generowanie całych projektów dużo. Niewykorzystane kredyty nie przechodzą na kolejny miesiąc, a dodatkową pulę można dokupić.
Jak zacząć projektować w Figmie?
Pierwsze kroki zajmują kilkanaście minut:
- Załóż konto i zaloguj się na stronie albo w programie na komputer.
- Utwórz nowy projekt i wybierz ramkę (frame) dla docelowego ekranu: telefonu, tabletu lub komputera.
- Narysuj kształty, dodaj tekst i grupuj elementy na warstwach.
- Udostępnij projekt przez link i zbierz opinie.
Figma jest najbardziej przydatna w środku procesu. Tworzenie projektów zaczyna się od tablicy FigJam, na której zespół zbiera wnioski z badań, ale same wywiady i ankiety odbywają się poza nią. Potem powstają szare wireframe'y, na które nakłada się kolory i typografię, bez przenoszenia makiety do innego programu. Z makiet powstaje prototyp, który pokazuje się kilku osobom przez zwykły link i obserwuje, gdzie się gubią. Na końcu programista otwiera projekt w Dev Mode i odczytuje odstępy, style i grafiki bez dopytywania projektanta.
Najczęstszy błąd to traktowanie narzędzia jak gwarancji dobrego projektu. Figma pomoże narysować przycisk, ale nie powie, czy stoi we właściwym miejscu. Dlatego zanim dodasz kolory i bibliotekę, zapisz jedno zdanie celu dla każdego ekranu, zrób wireframe w szarościach i pokaż prototyp osobie spoza zespołu. Dopiero po takim teście dopracowuj warstwę wizualną.
Ile kosztuje Figma? Plany i subskrypcja
Plan Starter jest darmowy. Pozwala mieć 3 projekty w głównym edytorze, 3 tablice FigJam i 3 prezentacje w folderze zespołu, z 30-dniową historią wersji. Daje też do 150 kredytów dziennie i 500 miesięcznie. Płatna subskrypcja zależy od planu i rodzaju stanowiska:
Plan | Stanowisko pełne (Full) | Stanowisko Dev | Stanowisko Collab | Dla kogo |
|---|---|---|---|---|
Starter | 0 USD | - | - | nauka, małe projekty |
Professional | 16 USD miesięcznie (20 USD bez umowy rocznej) | 12 USD | 3 USD | freelancerzy i małe zespoły |
Figma Organization | 55 USD | 25 USD | 5 USD | agencje i firmy z kilkoma zespołami |
Enterprise | 90 USD | 35 USD | 5 USD | duże firmy z wymaganiami bezpieczeństwa |
Ceny dotyczą jednego stanowiska miesięcznie przy rozliczeniu rocznym, a plany Organization i Enterprise są dostępne tylko rocznie. Stanowisko Full daje pełną edycję we wszystkich narzędziach, Dev obejmuje Dev Mode, a Collab pozwala przeglądać, komentować i pracować w FigJam oraz Slides.
Freelancer zwykle zaczyna od Startera, ale przy kilku klientach naraz limit 3 projektów szybko uwiera. Professional odblokowuje zaawansowane funkcje: nielimitowane projekty, pełną historię, biblioteki i Dev Mode, czyli podstawę współpracy designerów z programistami. Na tym planie pracuje większość zespołów projektowych w agencjach. Organization ma sens, gdy kilka zespołów korzysta z jednej biblioteki i potrzebne jest centralne zarządzanie dostępem. Ceny się zmieniają, więc przed zakupem sprawdź aktualny cennik producenta.
Zalety i ograniczenia platformy
Największa zaleta to dostęp z każdego systemu. Projekt otwiera się tak samo na Windowsie, macOS i Linuksie, bo wystarczy przeglądarka. Nie ma problemu z różnymi wersjami programu, a nowa osoba zaczyna pracę po kliknięciu w link. Druga zaleta to spójność: poprawka koloru przycisku w elemencie głównym przechodzi na wszystkie ekrany, więc w projekcie nie zostaje kilka niemal identycznych odcieni.
Ograniczenia:
- zależność od internetu - przy słabym łączu duży projekt się zacina, a program na komputer tego nie zmienia, bo to ta sama usługa. Pomaga podział na strony robocze i osobne biblioteki,
- limity Startera - przy kilku zleceniach trzeba archiwizować starsze projekty albo płacić,
- wtyczki od zewnętrznych autorów - przed instalacją na firmowym koncie sprawdź, kto je tworzy i do jakich danych sięgają,
- koszt AI - intensywne generowanie w Figma Make szybko wyczerpuje miesięczną pulę kredytów.
Figma vs Adobe XD i inne narzędzia
Adobe XD przez lata był głównym konkurentem, ale od 2023 roku jest w trybie utrzymani -: Adobe poprawia tylko błędy, nie rozwija nowych funkcji i nie sprzedaje go już osobno. Dlatego większość zespołów przeniosła się do Figmy.
Inne alternatywy to Sketch (tylko na macOS, pliki lokalne), Penpot (darmowy, open source) oraz Framer i Webflow, które bardziej niż na makietach skupiają się na publikacji gotowych stron. Figma wygrywa szerokości - łączy etap projektowania i prototypowania, przepływy pracy zespołu, przekazanie do programistów i AI dla całego zespołu w jednym miejscu, więc jest najbardziej wszechstronnym narzędziem w tej grupie.
Często zadawane pytania
Czy Figma jest darmowa?
Tak, plan Starter kosztuje 0 USD i wystarcza do nauki oraz małych projektów. Ma jednak limit 3 projektów w folderze zespołu i 30 dni historii wersji.
Czy Figma działa po polsku?
Interfejs nie ma polskiej wersji językowej. Dostępne są m.in. angielski, hiszpański, japoński, koreański i portugalski.
Czy w Figmie można zrobić stronę internetową?
Tak, w Figma Sites można zaprojektować i opublikować stronę, a Figma Make tworzy proste aplikacje z opisu. Rozbudowane serwisy i sklepy nadal wymagają pracy programistów.
