Figma: Figma Motion donosi nativni tajmlajn animacije direktno na dizajn platno

Figma Motion, najavljen na Config 2026 24. juna, dodaje animaciju direktno u Figmino dizajnersko okruženje. Ranije su dizajneri koji su trebali da prikažu kretanje — prelaze, mikrointerakcije, animirane komponente — morali da napuste Figmu i koriste After Effects, Rive, Framer ili slične alate, a zatim da rezultat vrate za predaju. Figma Motion uklanja taj korak.

Funkcija je zasnovana na interfejsu tajmlajna na platnu. Slojevi se mogu prevlačiti radi podešavanja tajminga, ključni kadrovi nezavisno kontrolišu svojstva kao što su pozicija, razmera, rotacija i providnost, a interfejs skrabinga omogućava pregled kako animacija teče tokom cele dužine.

Predefinisane animacije — fade, move, scale — daju polaznu tačku. Mogu se kombinovati za istovremeno reprodukovanje ili sekvencirati prevlačenjem na tajmlajnu. Promenljive kretanja funkcionišu kao stilski tokeni: tim jednom definiše vrednosti ubrzavanja, primenjuje ih na ceo dizajn sistem i ažurira sve instance promenom promenljive. Za organizacije koje održavaju velike biblioteke komponenti, to znači da se ponašanjem animacije može upravljati na isti način na koji se već upravlja tipografijom i bojama.

Animirane komponente nose kretanje sa sobom. Animacija hovera za dugme, definisana u dizajn sistemu, primenjuje se svuda gde se ta komponenta koristi — u svim fajlovima, bez ručne ponovne primene.

U Dev Mode, programeri imaju uvid u ceo tajmlajn i animacije se eksportuju u formatima CSS, JSON i React kroz motion.dev. Dizajn agent može da generiše predloge ključnih kadrova na osnovu tekstualnih upita — kao polazna tačka za dizajnere koji tek počinju da rade sa animacijom.

Praktična posledica je da se odluke o animaciji mogu donositi ranije u procesu dizajniranja, u istom fajlu i kontekstu kao i komponente na koje se odnose, vidljive celom timu bez potrebe za zasebnim alatom ili formatom fajla.