Figma nie ma natywnego przycisku „Eksportuj do GIF” dla całego prototypu. Możesz jednak uzyskać taki plik na dwa sposoby: użyć wtyczki do animacji albo nagrać prototyp w trybie prezentacji i przekonwertować nagranie na GIF.

Którą metodę wybrać?

Wtyczka, na przykład Figmotion, sprawdzi się przy krótkich i prostych animacjach przygotowanych bezpośrednio w Figmie. Nagranie ekranu jest bardziej uniwersalne, ponieważ zachowuje rzeczywiste przejścia, nakładki, zmienne i logikę warunkową prototypu.

Obie metody mają inne zastosowanie:

  • Wtyczka – daje większą kontrolę nad animacją, ale może nie obsługiwać wszystkich interakcji prototypu.
  • Nagranie ekranu – odwzorowuje działający prototyp, lecz wymaga późniejszej konwersji wideo do GIF-a.

Metoda 1 – wtyczka do animacji

Ta ścieżka pasuje do prostych sekwencji, w których chcesz animować elementy lub przejścia, a nie rejestrować cały interaktywny przepływ.

  1. Otwórz plik w Figmie i przejdź do Figma Community.
  2. Wyszukaj wtyczkę do animacji, na przykład Figmotion, a następnie uruchom ją w swoim pliku.
  3. Wybierz elementy, które mają zostać animowane, i przygotuj sekwencję w panelu wtyczki.
  4. Ustaw czas trwania, kolejność oraz parametry eksportu animacji.
  5. Wybierz format GIF, jeśli dana wtyczka go obsługuje, i pobierz wygenerowany plik.

Uwaga: wtyczki działają niezależnie od natywnego silnika prototypowania Figmy. Mogą więc nie odtworzyć zmiennych, warunków, wielu akcji, nakładek ani bardziej złożonych przepływów. Część funkcji może też zależeć od planu lub płatnej wersji konkretnej wtyczki. Przed rozpoczęciem sprawdź jej aktualne możliwości w Figma Community.

Metoda 2 – nagranie ekranu i konwersja

To najbezpieczniejsze rozwiązanie dla zaawansowanych prototypów. Nagranie pokazuje dokładnie to, co widzi użytkownik w trybie prezentacji, włącznie z logiką warunkową i interakcjami.

  1. Otwórz prototyp w trybie prezentacji i przejdź do właściwego punktu początkowego przepływu.
  2. Przygotuj narzędzie do nagrywania ekranu, takie jak OBS, QuickTime lub ShareX.
  3. Rozpocznij nagrywanie, odtwórz potrzebne interakcje i zakończ rejestrację po wykonaniu całej sekwencji.
  4. Zapisz nagranie w popularnym formacie wideo, na przykład MP4 lub MOV.
  5. Otwórz plik w narzędziu do konwersji, takim jak Ezgif, albo w programie obsługującym eksport animacji, na przykład Adobe Media Encoder.
  6. Przytnij niepotrzebne fragmenty, ustaw rozmiar i liczbę klatek, a następnie wyeksportuj GIF.

Przed konwersją warto skrócić nagranie i ograniczyć jego rozdzielczość. GIF zajmuje więcej miejsca niż krótki plik wideo, dlatego długie prototypy mogą szybko stać się ciężkie do udostępniania. Do pokazania złożonego przepływu najlepiej nagrać tylko tę część, którą odbiorca ma zobaczyć.

Jeżeli prototyp zawiera zmienne, warunki lub wiele połączonych ekranów, wybierz nagrywanie ekranu. W przypadku pojedynczej animacji elementów wtyczka może być szybszym rozwiązaniem.