Видео

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

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

Урок 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 — Плагины

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

Посмотрим какие есть выравнивания (align) в Figma. Что такое Tidy up и как с его помощью наводить порядок.

Посмотрим, что можно сделать с текстом, какие настройки есть у шрифтов, как делать метр квадратный и т.д.

Посмотрим, что можно сделать с цветом, как настраивать градиенты и редактировать изображения

Посмотрим обводки: как сделать стрелки и прерывистые линии. А еще разберем эффекты в Фигме: блюры, тени, бордеры.

Посмотрим на бесплатную библиотеку сквозных стилей и платную командную библиотеку компонентов.

Посмотрим, как в Фигме сделать прототип, какие есть настройки панели прототипирования, как выставлять связи и добавлять анимации.

В этом уроке посмотрим на панель кода и настойки экспорта.

Как поделиться своим макетом и не потратить при этом все деньги? 🙂

Подробный урок по плагинам: как установить, как включить, где брать и тд. и тп.) и на примере одного плагина обзор работы.