Figma випустила плагін LottieFiles за допомогою якого можна додавати анімації в макет та використовувати їх в дизайні.

Новий плагін дозволяє:

• Перетягувати власні файли dotLottie (.lottie) і Lottie JSON (.json) у макет.
• Надає доступ до бібліотеки з 1000 безкоштовними анімаціями Lottie.
• Відкриває доступ до всіх ваших анімацій, попередньо переглянутих в LottieFiles.
• Вставляє анімаційні кадри як високоякісні SVGs.
• Вставляє Lotties як GIF анімації.

Після того як ви перетягнете/оберете анімацію, з’явиться можливість обрати колір фону для GIF. Далі натискаємо “Перетворити в GIF” та кнопку “Додати в Фігму”. Усі анімації працюватимуть в режимі прототипу. Таким чином, можна подивитися як виглядатимуть проєкти в дії.

Lottie — це iOS, Android, і React Native бібліотека для рендера After Effects анімації в реальному режимі часу, яка дозволяє додаткам використовувати анімацію як звичайні статичні ассети. Lottie використовує дані анімації, які були експортовані в JSON формат з After Effects.

Раніше Telegraf.Design розповідав про те, що Figma представила оновлення з функцією Smart Animate.