UX/UI Radar Read in English
Obrázky a video

Figma Motion: fyzikální pružiny a náhled Lottie exportu

Figma Motion nově umí pružiny pro iOS a Android s nastavením mass, stiffness a damping. Animaci si můžeš před exportem zobrazit jako Lottie.

Podle release notes z 10. 11. 2026 dostal Figma Motion tři změny, které zkracují cestu od animace v návrhu k tomu, co uvidí uživatel.

Co je nového / Jak to funguje

  • Náhled stylů: přednastavené styly animací si prohlédneš v seznamu animací i na plátně ještě před použitím.
  • Fyzikální pružiny: u iOS a Android pružin nastavíš mass, stiffness a damping; délka trvání se přizpůsobí automaticky. Pružinu lze uložit do design systému.
  • Náhled Lottie: před exportem uvidíš, jak se animace přehraje jako Lottie soubor.

Proč je to důležité

Pružiny jsou na mobilních platformách přirozený způsob pohybu a vývoj je používá s právě těmito parametry. Když je nastavíš přímo ve Figmě a uložíš do knihovny, odpadá převod z křivek easingu. Náhled Lottie zase odhalí rozdíly dřív, než soubor předáš. Neověřeno zůstává, jak věrně pružiny převezmou nativní implementace; ověř to na jedné obrazovce s vývojem.

Jak začít

  1. Otevři Figma Motion u jednoduchého prvku, například tlačítka.
  2. Vyzkoušej náhled preset stylů na plátně.
  3. Nastav pružinu a ulož ji do design systému.
  4. Před exportem zkontroluj náhled Lottie.

Zdroje