1364 подписчика

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

Зандер работал UX/UI-дизайнером в Hotjar, а в 2020 году запустил первый онлайн-курс, который в итоге превратился в большой учебный проект для веб-дизайнеров Memorisely

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

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

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

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

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

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

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

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

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

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

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

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

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