10 готовых шаблонов с анимацией в Figma

Предлагаем посмотреть шаблоны с готовыми анимациями, сделанными прямо в Figma. С их помощью вы сможете быстро показать, как работают такие UI-элементы, как лоадер, чекбокс, гамбургер-меню, переключатель, карточки, кнопки и другие. Есть также эффектные анимации смены экранов мобильного приложения и даже анимация вращения 3D-объекта
Дарья Райт
Дарья Райт
Ведущий редактор в «Оди» в 2022–2024 годах

Micro interactions — Prototypes — подборка интерфейсных микроанимаций

Micro interactions — Prototypes

UI Microinteractions – Interactive Components — микроанимации в интерфейсе: чекбокс, переключатель и 2 типа анимации гамбургер-меню

UI Microinteractions – Interactive Components

Интерактивные прототипы UI-элементов — табов, текстовых полей, строки поиска, слайдера, рейтинга со звёздами, переключателя, выпадающего списка и других

Интерактивные прототипы UI-элементов

Infinity Loader — готовая анимация лоадера

Infinity Loader 

Loaders Kit 1 / Two Steps — набор из 18 анимаций загрузки

Loaders Kit 1 / Two Steps

High voltage button — анимация кнопки при наведении, стилизованная под электрический разряд

High voltage button

Figma Animation Template — шаблон для анимации экранов в банковском мобильном приложении

Figma Animation Template

Lava lamp — анимация лава-лампы

Lava lamp

Card Animation — готовая анимация карточек

Card Animation

Fake 3D Rotation — шаблон для анимации вращения 3D-объекта

Fake 3D Rotation

Поделиться
Отправить
Запинить

Обсуждение