Poradnik wideo: animowanie i eksport banerów do HTML z Figmy
Ten film pokazuje, jak w kilka sekund animować i eksportować z Figmy gotowe do publikacji banery HTML.
Wygeneruj JSON animacji na bannerify.hypermatic.com
- Otwórz https://bannerify.hypermatic.com.
- W sekcji Create Your Custom Bannerify Animation opisz animację, której potrzebujesz (na przykład: „Elastic slide in from left with slight rotation”).
- Kliknij Copy Prompt to Clipboard i wklej prompt do ChatGPT lub Claude albo kliknij Open Prompt in ChatGPT / Open Prompt in Claude.
- Następnie skopiuj wygenerowany fragment JSON z animacją.
- Otwórz plik w Figmie i uruchom wtyczkę Bannerify.
- Otwórz panel Custom Animations w Bannerify.
- Wklej JSON do pola tekstowego oznaczonego Paste generated JSON code here.
- Sprawdź, czy animacja pojawia się w menu presetów animacji na osi czasu.
Animacja zapisuje się automatycznie po wklejeniu i możesz ją wybrać jak każdy inny preset z menu animacji warstw na osi czasu.
Własne animacje są zapisywane w bieżącym pliku Figmy. Jeśli przejdziesz do innego pliku Figmy, musisz wkleić tam JSON jeszcze raz.