Видео

Содержание курса

Это подробный, понятный, интересный и бесплатный курс по Фигме :) Без монотонного скучного бубнежа себе под нос. Без воды и по делу на обычном языке и на рабочих макетах веб-дизайнера фрилансера!

Урок 1 — Аккаунт, история версий, мультипросмотр (сломался звук, простите)

Урок 2 — Гамбургер меню, предпочтения

Урок 3 — Инструменты и калькулятор

Урок 4 — Панель слоев, массовое переименование, маски и булевые функции

Урок 5 — Сетки

Урок 6 — Привязки

Урок 7 — Компоненты #1. Простые примеры

Урок 8 — Компоненты #2. Сложные примеры

Урок 9 — Компоненты #3. Рокировка

Урок 10 — Компоненты #4. Иконки и адаптив

Урок 11 — Компоненты #5. Адаптив через дубликат

Урок 12 — Выравнивания

Урок 13 — Текст

Урок 14 — Цвет, градиенты, изображения

Урок 15 — Обводка и эффекты: тени, блюры, бордеры

Урок 16 — Командная библиотека компонентов

Урок 17 — Прототипы в Фигме

Урок 18 — Панель кода и экспорт

Урок 19 — Ссылка на проект

Урок 20 — Плагины

Начало работы в Фигме, обзор интерфейса: аккаунт, история версий, мультипросмотр.

Во втором уроке посмотрим какая начинка в гамбургер-менюшке и какие есть предпочтения в настройках.

Рассмотрим все инструменты и примеры их использования и еще поиграемся с калькулятором!

В этом уроке рассмотрим панель слоев, позалипаем с массовыми переименованием и глянем маски с булевыми функциями.

Создаем модульные сетки удобные для адаптива.

Посмотрим как устроены привязки (constraints) в Фигме.

Если что-то повторяется два и более раза — делай через компонент и больше не агрись на правки от заказчиков на фрилансе.

Когда лучше разломать компонент, а когда закостылить или сделать «строго по учебнику».

В каких случаях удобно делать «шахматную» рокировку мастера и его экземляра.

На этот раз иконки-компоненты и много адаптива.