Czym jest Figma?
Figma to narzędzie do projektowania interfejsów działające w przeglądarce i jako aplikacja desktopowa, w którym wiele osób może pracować na jednym pliku w czasie rzeczywistym. Służy do tworzenia makiet, klikalnych prototypów i systemów projektowych – bibliotek komponentów oraz zmiennych dla kolorów, typografii i odstępów. Pliki udostępnia się linkiem, więc projektant, programista i klient pracują na tym samym źródle.
Jak używamy tego w Koda Plus
Projekty UI stron i sklepów przygotowujemy w Figmie od razu pod wdrożenie 1:1 – z systemem komponentów, stanami ekranów i tokenami, które mają te same nazwy w Figmie i w kodzie. Figma jest w stosie sklepu producenta ochrony balistycznej i witryny dla technologii druku 3D w kosmosie, a według projektu z Figmy powstała też strona koda.plus. Pliki z biblioteką komponentów i zmiennymi przekazujemy klientowi razem z projektem, bez blokowania edycji. Szablony postów do social mediów możemy przygotować w Figmie albo w Canvie.
Wykorzystywane w
Zobacz realizacjeKiedy to ma sens
- Strona lub sklep ma mieć własny design, a nie gotowy szablon
- Projekt ma trafić do wdrożenia bez zgadywania odstępów i stanów
- Zespół klienta chce dalej rozwijać bibliotekę komponentów
- Przed kodowaniem potrzebny jest klikalny prototyp do testów