UX/UI Radar Read in English
Návrhy pro tool-stack a workflow

Návrh: ukládej pohyb jako pružiny v design systému

Pohyb se stává součástí design systému: motion tokeny, vektory připravené k animaci a nově sdílené pružiny. Vyplatí se mít pro animace jedno místo pravdy.

V posledních vydáních se opakuje jeden směr: Figma Console MCP 1.46 přineslo nástroje pro motion tokeny, agentní vektory mají vrstvy připravené pro Figma Motion a 10. 11. přibyly uložitelné pružiny.

Co je nového / Jak to funguje

Místo ručně laděných easingů definuješ malou sadu pružin (např. jemná, běžná, výrazná) s hodnotami mass, stiffness a damping a uložíš je do design systému.

Proč je to důležité

Vývoj iOS i Androidu pracuje s pružinami přímo, takže se vyhneš dohadování o převodu křivek. Konzistentní pohyb zlepšuje dojem z produktu a zrychluje review. Nevíme, jak přesně hodnoty převezmou jednotlivé frameworky; ověř to prototypem.

Jak začít

  1. Vyber tři nejčastější animace v produktu (tlačítko, modal, seznam).
  2. Pro každou nastav pružinu a ulož ji do knihovny.
  3. Pojmenuj je podle záměru, ne podle hodnot.
  4. Předej vývoji hodnoty a porovnej výsledek na zařízení.

Zdroje