Jak wyeksportować GIF z Figma

Łącza urządzeń

• Android
• iPhone'a
• Prochowiec
• Okna
• Brak urządzenia?

Szukasz sposobu, aby przenieść swoją grę programistyczną i projektową na wyższy poziom? Figma to niesamowite narzędzie, które pozwala użytkownikom tworzyć bogate prototypy wypełnione efektami dźwiękowymi, wideo i animacjami. Jednak aby właściwie przetestować działanie i funkcje prototypu, powinieneś mieć możliwość wyeksportowania go jako GIF i zobaczenia go w akcji.

Ten przewodnik wyjaśni, w jaki sposób możesz wyeksportować swoje prototypy Figma jako pliki GIF za pomocą komputera lub urządzenia mobilnego.

Jak eksportować do GIF w Figma na PC

Najprostszym sposobem eksportowania animowanych plików GIF z Figma jest wtyczka TinyImage. Zanim będziesz mógł uruchomić i używać wtyczki, musisz zalogować się na swoje konto Figma i przejść do sekcji „Społeczność”.

Aby pobrać wtyczkę:

1. Wpisz „TinyImage” w polu wyszukiwania.
   
2. W sekcji „Wtyczki” znajdź ikonę „TinyImage Compressor”.
   
3. Kliknij przycisk instalacji obok ikony.
   

Po zainstalowaniu wtyczki otwórz projekt, który chcesz zapisać jako GIF. Kliknij dowolne miejsce na ekranie, aby otworzyć menu rozwijane. Wybierz „Wtyczki” i dotknij „TinyImage Compressor”, aby go uruchomić.

Oto jak utworzyć plik GIF za pomocą wtyczki:

1. W górnej części okna wtyczki naciśnij przycisk „Utwórz GIF”.
   
2. Wybierz warstwy na płótnie Figma. Będą działać jako ramki twojego GIF-a.
   
3. W dolnej części okna TinyImage dotknij opcji "Użyj wybranych warstw". Zobaczysz pokaz slajdów swoich warstw na środku okna w kolejności, w jakiej je wybrałeś.
   
4. Pod podglądem kliknij ikony warstw, a następnie przeciągnij je w lewo lub w prawo, aby zmienić ich kolejność.
   
5. Stuknij mały przycisk „Odtwórz” pod pokazem slajdów, aby dostosować prędkość odtwarzania.
   
6. Obok elementów sterujących opóźnieniem wybierz, ile razy GIF ma się zapętlić. Domyślne ustawienie to „Nieskończony”. Kliknij opcję „Nieskończona”, aby ją wyłączyć, i wpisz żądaną liczbę pętli w polu obok.
   
7. Dostosuj rozmiar GIF-a w polach poniżej opcji opóźnienia czasowego i pętli.
   
8. Jeśli twoje warstwy mają przezroczyste obramowania, naciśnij przycisk „Przezroczyste tło” u dołu okna, aby były widoczne w GIF-ie.
   
9. Wybierz jakość obrazu GIF w lewym dolnym rogu. Najlepiej ustawić szybkość na około 80 lub 90, aby zachować wszystkie cechy warstw.
   
10. Pozostaw kontrolki „Dithering” ustawione na „No Dithering”.
    
11. Stuknij przycisk „Eksportuj GIF” u góry okna TinyImage.
    
12. Ramki połączą się i utworzą plik GIF, który zostanie automatycznie pobrany i zapisany w plikach do pobrania.

Uwaga dotycząca warstw

Menu rozwijane nad miniaturami warstw umożliwia również odtwarzanie warstw od lewej do prawej lub od prawej do lewej. Aby jednak mieć większą kontrolę nad ostatecznym wyglądem GIF-a, najlepiej zamówić ramki ręcznie.

Uwaga dotycząca odtwarzania

Ustaw domyślną prędkość odtwarzania, przesuwając przycisk na linii pomiaru czasu. Jeśli jednak chcesz, aby określone klatki miały różne prędkości odtwarzania, możesz to zrobić, klikając miniaturę i ustawiając prędkość w polu pod nią.

Jak eksportować do formatu GIF w Figma na urządzeniu mobilnym

Prototypy Figma często zawierają zaawansowane animacje, takie jak przesuwane zakładki, opcje przesuwania i rozwijane menu. Zapisanie ich w formacie GIF ułatwi zaprezentowanie projektu w akcji. Jednak aplikacja mobilna pozwala użytkownikom tylko na podgląd ich prototypów. Chociaż nie ma wbudowanej obsługi eksportu, możesz obejść ten problem, nagrywając ekran aplikacji i przekształcając wideo w GIF.

Jak wyeksportować do formatu GIF w Figma na iPhonie

Aby zapisać swój projekt jako GIF na iPhonie, najpierw nagraj ekran aplikacji Figma i utwórz GIF za pomocą aplikacji Skróty.

Aby wyświetlić nagranie Figmy na iPhonie:

1. Uruchom aplikację mobilną Figma i otwórz projekt, który chcesz zamienić w GIF.
2. Wejdź w „Ustawienia” i wybierz „Centrum sterowania”.
3. Wybierz „Dostosuj elementy sterujące” i dotknij zielonego przycisku obok „Nagrywanie ekranu”, aby włączyć tę funkcję.
4. Wróć do „Centrum sterowania”.
5. Naciśnij przycisk „Nagrywanie ekranu”.
6. Kliknij czerwony przycisk, aby zakończyć nagrywanie.

Nagranie jest zazwyczaj przechowywane w aplikacji Zdjęcia.

Sprawdź, czy na Twoim iPhonie jest preinstalowane narzędzie Skróty, które umożliwia przekształcenie filmu w GIF. Możesz także pobrać narzędzie z App Store .

Oto jak zmienić wideo na plik GIF na iPhonie:

1. Otwórz aplikację, przejdź na dół interfejsu i wybierz kartę „Galeria”.
   
2. Stuknij kartę „Skróty startowe” pod menu wyszukiwania.
3. Przewiń do dołu ekranu i kliknij sekcję „Utwórz GIF”.
   
4. Naciśnij przycisk „Dodaj skrót”, aby włączyć skrót GIF.
   
5. Po zainstalowaniu skrótu wróć do „Moich skrótów”.
   
6. Stuknij „Utwórz GIF” i wybierz „OK”, aby połączyć aplikację i galerię zdjęć.
   
7. Przejrzyj swoje filmy i wybierz film, który zamienisz w plik GIF.
   
8. Użyj suwaków, aby wybrać, które klatki zostaną uwzględnione w pliku GIF.
   
9. Stuknij „Zapisz”, aby zapisać zmiany. Twój nowy plik GIF zostanie zapisany w aplikacji do zdjęć na tablecie.
   
10. Kliknij „Gotowe”, aby wyjść z aplikacji Skróty.
    

Jak eksportować do formatu GIF w Figma na urządzeniu z Androidem

Ponieważ aplikacja Figma pozwala użytkownikom przeglądać prototypy, ale nie eksportować ich, nagrasz podgląd na swoim urządzeniu z Androidem, przekształcając później wideo w GIF.

Oto jak wyświetlić nagranie Figmy na Androidzie:

1. Uruchom aplikację i otwórz podgląd swojego projektu.
2. Przesuń dwukrotnie od góry ekranu i wybierz „Nagrywanie ekranu”. Jeśli go tam nie ma, przesuń palcem w prawo. Czasami będziesz musiał dotknąć ikony „Edytuj” u góry ekranu, aby wyświetlić ukryte menu. Może być również dostępna funkcja „Nagrywanie ekranu”.
3. Stuknij podgląd prototypu, aby wskazać, że chcesz go nagrać.
4. Kliknij przycisk „Rozpocznij”. Po zakończeniu odliczania ekran zostanie nagrany.
5. Przesuń palcem w dół i dotknij karty „Rejestrator ekranu”, aby zatrzymać nagrywanie.

Film z podglądu Figmy zostanie zapisany w Twojej aplikacji fotograficznej na Androida. Możesz przekształcić go w GIF za pomocą aplikacji GIPHY .

Aby przekonwertować wideo na GIF na urządzeniu z Androidem:

1. Zainstaluj i uruchom aplikację GIPHY na swoim urządzeniu.
   
2. Zarejestruj się i utwórz konto GIPHY.
   
3. Naciśnij przycisk „Utwórz” w prawym górnym rogu interfejsu.
   
4. Włącz aplikację, aby uzyskać dostęp do aparatu.
   
5. Wybierz wideo z galerii Androida.
   
6. Dostosuj długość wideo. Aplikacja GIPHY pozwala użytkownikom wstawiać do plików elementy takie jak tekst i naklejki.
   
7. Kliknij ikonę „Strzałka” u dołu aplikacji.
   
8. Wybierz „Udostępnij GIF” i wybierz „Zapisz GIF”.
   

Eksportuj pliki GIF bez ograniczeń

Niezależnie od tego, czy jesteś doświadczonym programistą, czy projektantem-amatorem, zasługujesz na wygodny sposób pokazywania innym swojej pracy w formie GIF-ów. Możesz wyświetlić podgląd swoich dzieł w aplikacji Figma, ale dostęp do projektów może stać się trudnym zadaniem, gdy połączenie internetowe zostanie przerwane. Dopóki Figma nie opracuje przyjaznego dla użytkownika rozwiązania eksportującego, możesz polegać na metodach, które opisaliśmy w artykule.

Mamy nadzieję, że ten przewodnik pomógł ci lepiej zrozumieć, jak uzyskać wysokiej jakości GIF z twoich dzieł Figma, bez względu na to, jakiego urządzenia używasz.

Korzystasz z webowej czy mobilnej wersji Figmy? Jaki jest Twój preferowany sposób eksportowania plików GIF? Daj nam znać w sekcji komentarzy poniżej.