Подробный курс по Фигме. Урок 15 — Прототипы в Figma и умные анимации (smart animate)

#alexeybychkov #ityoutubersru #figma
Привет! Это подробный, понятный, интересный и бесплатный курс по Фигме :) Уроки без воды и по делу на обычном языке и на живых рабочих примерах! В этом уроке посмотрим как в Фигме сделать прототип, какие есть настройки панели прототипирования, как выставлять связи и добавлять анимации. Посмотрим примеры применения умных анимаций (smart animate)

00:00 - как запустить прототип
2:47 - заготовки телефонов и планшетов
4:12 - как указать стартовый фрейм
5:05 - обзор взаимодействий
7:15 - как расставлять связи в прототипах
12:13 - обзор анимаций в прототипах
18:20 - добавляем анимацию меню-гамбургера
25:10 - добавляем горизонтального скрола
26:35 - добавляем анимацию появления попапа
31:19 - примеры умных анимаций
33:21 — фигма-чат

Примеры применения умных анимаций в прототипах — https://www.figma.com/file/ytXAsXHl7w...

💰❤️ Поддержать канал:
бусти — https://boosty.to/alexeybychkov — русский интерфейс, рубли
патреон —   / alexeybychkov   — английский, доллары

Подглядывать за мной можно тут:
👉 Инстаграм:   / alexeybychkov_  
👉 Беханс: https://www.behance.net/alexeybychkov_
👉 Телеграм: https://t.me/dsgn_tips
👉 Фейсбук:   / dsgn.tips  
👉 Твитор:   / _alexeybychkov  

Содержание курса:
Урок 1 — [NEW] ⚡ Аккаунт, история версий    • [NEW] 🔥 Обзор интерфейса: аккаунт, ис...  
Урок 2 — [NEW] ⚡ Гамбургер меню, предпочтения    • [NEW] 🔥 Обзор меню, поиска и предпочт...  
Урок 3 — [NEW] ⚡ Инструменты и калькулятор    • [NEW] 🔥 Инструменты и калькулятор, фр...  
Урок 4 — [NEW] ⚡ Слои, маски и массовое переименование    • [NEW] 🔥 Слои, маски и булливые операц...  
Урок 5 — [NEW] ⚡ Сетки. Bootstrap. 8 px grid    • [NEW] 🔥 Модульные сетки в Фигме. Boos...  
Урок 6 — [NEW] ⚡ Привязки    • [NEW] 🔥 Привязки (constraints) в Figm...  
Урок 7 — [NEW] ⚡ Компоненты    • [NEW] 🔥 Компоненты в Figma. Советы, л...  
Урок 8 — [NEW] ⚡ Компоненты и адаптив    • [NEW] 🔥 Компоненты и адаптивный дизай...  
Урок 9 — [NEW] ⚡ Выравнивания, Tidy Up    • [NEW] 🔥 Выравнивания (align) в Figma,...  
Урок 10 — [NEW] ⚡ Текст    • [NEW] 🔥 Текст в Figma: шрифт, размер,...  
Урок 11 — [NEW] ⚡ Цвет, градиенты, изображения    • [NEW] 🔥 Цвет в Figma: заливки, градие...  
Урок 12 — [NEW] ⚡ Обводка    • [NEW] 🔥 Обводка в Figma: контур, борд...  
Урок 13 — [NEW] ⚡ Эффекты: блюры, тени    • [NEW] 🔥 Эффекты в Figma: тени, блюры,...  
Урок 14 — [NEW] ⚡ Библиотека команды    • [NEW] 🔥 Библиотека стилей и компонент...  
Урок 15 — [NEW] ⚡ Варианты    • [NEW] 🔥 Figma Variants как пользовать...  
Урок 16 — Прототипы в Фигме —    • Подробный курс по Фигме. Урок 15 — Пр...  
Урок 17 — Панель кода и экспорт —    • Подробный курс по Фигме. Урок 19 — Па...  
Урок 18 — Ссылка на проект —    • Подробный курс по Фигме. Урок 20 — Сс...  
Урок 19 — Плагины —    • Подробный курс по Фигме. Урок 21 — Ка...  
Урок 20 — [NEW] ⚡ Auto Layout в Фигме    • Уже не новый Auto Layout в Figma (уро...  
Урок 21 — [NEW] ⚡ FigJam    • [NEW] 🔥 FigJam — онлайн-доска для зам...  

•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••

Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне чуть больше 30 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 15 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!

Подробнее обо мне — https://alexeybychkov.com/about/
15 лет опыта — https://alexeybychkov.com/experience/

Пишу — https://alexeybychkov.com/blog/
Дизайню — https://alexeybychkov.com/cases/sites/
Отзывы — https://clck.ru/K5Mcc

Мои книги:
«Дизайн и фриланс. Начало» — https://clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» — https://clck.ru/JE8jT

Хелп по Фигме: уроки, видео, советы, фишки — https://figma.help
Мир фейсов: https://faces.world/

#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance