10 уроков по созданию анимации в Figma от Зандера Уайтхёрста из Англии

Зандер работал UX/UI-дизайнером в Hotjar, а в 2020 году запустил первый онлайн-курс, который в итоге превратился в большой учебный проект для веб-дизайнеров Memorisely
Дарья Райт
Дарья Райт
Ведущий редактор в «Оди» в 2022–2024 годах

Зандер — позитивный парень и в социальных сетях показывает живые встречи с командой, своё красивое рабочее место и самое главное — выкладывает короткие пошаговые видеоуроки по анимации элементов дизайна в Figma в формате «Supafast»

Мы выбрали 10 интересных 30-секундных уроков, которые на практике помогут быстро разобраться, как анимировать в Figma:

Анимация градиентов

Появление текста

Создание и анимация градиентного заголовка 

Анимация текста по кругу

Анимация смены цветового контраста на картинке

Анимация жидких кнопок

Создание и анимация 3D-кнопки

Дизайн забавных гамбургер-меню

Создание и анимация изогнутого слайдера

Анимация иконки со звуковым эффектом

Чтобы экспортировать анимацию в формате GIF или MP4, используйте Figma-плагин Export to GIF/Video

Твиттер Зандера, где есть ещё больше классных уроков

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

Обсуждение