Figma с нуля — максимально полный обзор | Курс для начинающих

Привет!👋

Курс «Figma с нуля» — мой авторский онлайн-курс, где я разбираю максимально подробно все аспекты программы и показываю как с ней работать. Если вы только начинаете заниматься веб-дизайном или переходите в Фигму — этот курс определенно для вас! Конечно, можно потратить массу времени и посмотреть миллион разных, не связанных между собой, роликов на ютубе или записаться на годовые курсы в онлайн-школах, но зачем? В рамках этого курса за 8 часов вы получите четкую, максимально разложенную по полочкам информацию по программе Figma, от установки до передачи макетов разработчикам. Более того, я покажу вам различные приемы по созданию анимаций в прототипах и поделюсь с вами различными лайфхаками по работе в программе.

⚡️ Для кого этот курс?

• Для начинающих и будущих веб-дизайнеров
• Для начинающих и будущих UX/UI дизайнеров
• Для графических дизайнеров, которые хотят освоить новый инструмент
• Для тех, кто меняет профессию и хочет освоить новый инструмент
• Для начинающих дизайнеров, у которых совсем нет опыта работы в программе
• Для начинающих дизайнеров, которые уже имеют небольшой опыт работы в Figma, но хотят выйти на новый уровень
• Для всех, кто хочет посмотреть все возможности инструмента Figma в четко структурированной подаче

🚀 Что вы получите?

• Вы узнаете, что такое Figma и как в ней создавать дизайн-макеты
• Вы изучите все инструменты программы максимально подробно
• Вы узнаете как создавать интерактивные элементы интерфейсов
• Вы узнаете, что такое компоненты и как работать с Auto Layout
• Вы освоите все необходимые методики для создания эффектных прототипов
• Вы узнаете как организовать ваше рабочее пространство
• Вы узнаете как подготовить проект для передачи разработчикам
• В рамках курса я поделюсь своими личными лайфхаками, которые помогут вам в работе

👨‍💻 Что потребуется для прохождения курса?

• Персональный компьютер
• Доступ в интернет
• Желание творить и учиться😜

📚 Программа курсов:

1 Блок — ознакомительный (1:02:30)

• Урок 1: приветствие / 2:45
• Урок 2: что такое Figma, основные направления по работе / 11:04
• Урок 3: установка Figma / 5:33
• Урок 4: обзор дашборда / 4:55
• Урок 5: Обзор файловой системы, проекты, черновики / 4:51
• Урок 6: как создать дизайн-файл / 1:33
• Урок 7: обзор и настройка профиля / 5:23
• Урок 8: обзор community / 5:12
• Урок 9: обзор FigJam / 3:35
• Урок 10: как создать и работать в команде / 4:41
• Урок 11: создание и обзор интерфейса дизайн файла / 7:46

2 Блок — обзор инструментов и работа с ними (3:46:05)

• Урок 12: обзор панели слоев / 10:47
• Урок 13: обзор панели редактирования / 4:17
• Урок 14: обзор панели основных инструментов. Настройка шага “nudge amount” / 3:40
• Урок 15: инструмент курсор / 8:02
• Урок 16: инструмент Frame и Section / 14:41
• Урок 17: создание геометрических фигур, инструмент прямоугольник / 5:04
• Урок 18: инструмент эллипс / 4:02
• Урок 19: инструмент линия / 2:56
• Урок 20: инструмент полигон / 4:27
• Урок 21: инструмент звезда / 2:52
• Урок 22: добавления изображения / 2:20
• Урок 23: инструмент перо / 6:25
• Урок 24: работа с текстом / 13:44
• Урок 25: работа с плагинами и виджетами / 4:46
• Урок 26: создание и работа с комментариями / 2:39
• Урок 27: работа с вариативными шрифтами / 2:06
• Урок 28: редактирование изображений / 10:53
• Урок 29: работа с цветом / 9:57
• Урок 30: работа с обводкой / 6:45
• Урок 31: обзор эффектов / 7:39
• Урок 32: как работать с сеткой (Layout, Grid) / 12:38
• Урок 33: выравнивание элементов / 4:40
• Урок 34: булевые операции (Boolean groups) / 11:33
• Урок 35: обзор и работа с масками / 6:55
• Урок 36: работа с привязками (constraints) / 26:14
• Урок 37: обзор и работа с Autolayout / 36:00

3 Блок — компоненты (40:34)

• Урок 38: создание компонентов / 5:25
• Урок 39: настройки компонентов / 2:11
• Урок 40: работа с дочерними компонентами / 4:33
• Урок 41: создание вариантов компонентов / 7:46
• Урок 42: создание вариантов компонента внутри другого варианта компонента / 9:13
• Урок 43: создание компонента с вариантами на примере карточки товара / 11:26

4 Блок — прототип (1:35:39)

• Урок 44: что такое прототип / 3:02
• Урок 45: обзор создание прототипа / 2:08
• Урок 46: создание базовых переходов / 5:10
• Урок 47: обзор интерфейса просмотра прототипа / 3:44
• Урок 48: создание базовой анимации / 3:28
• Урок 49: дополнительные настройки анимации / 1:52
• Урок 50: анимация по наведению (hover) / 1:51
• Урок 51: переход по нажатию (while pressing) / 1:29
• Урок 52: переход по курсор (mouse enter) / 3:17
• Урок 53: добавление внешней ссылки в прототип / 0:59
• Урок 54: создание поп-апа / 4:27
• Урок 55: ручное расположение поп-апа / 2:55
• Урок 56: создание переходов внутри страницы / 3:04
• Урок 57: создание фиксированной шапки / 3:12
• Урок 58: создание фиксированного меню приложения / 4:29
• Урок 59: свойство sticky в прототипе / 7:18
• Урок 60: создание горизонтального скролла / 4:51
• Урок 61: создание вертикального скролла / 5:57
• Урок 62: использование режима горизонтального и вертикального скролла / 2:10
• Урок 63: создание слайдера с горизонтальным скроллом и якорем / 2:31
• Урок 64: использование смарт-анимации / 3:33
• Урок 65: создание интерактивного компонента на пример выпадающего списка / 4:19
• Урок 66: создание бургерного меню со смарт-анимацией / 4:56
• Урок 67: создание слайдера со смарт-анимацией / 5:01
• Урок 68: использование режима перехода After Delay / 5:19
• Урок 69: особенности того как поделиться прототипом / 6:37

5 Блок — передача разработчикам (1:02:46)

• Урок 70: как экпортировать элементы из Figma / 11:17
• Урок 71: особенности того как поделиться дизайн-файлом / 3:18
• Урок 72: обзор создание стилей и стайл-гайда / 32:06
• Урок 73: обзор по работе с библиотеками / 10:09
• Урок 74: обзор работы мобильного приложения Figma / 3:58
• Урок 75: заключительные слова / 1:58

Если в вашем регионе не поддерживаются Paypal, карты VISA или MasterCard, вы можете обратиться к нам в поддержку https://t.me/cs_assist за дополнительной информацией по оплате.