Основы дизайна и Figma [Тариф Самостоятельный] [PurpleSchool] [Антон Ларичев, Елена Кострикова]

Топикстартер · 1 ноя 2026 в 14:12

Складчина: Основы дизайна и Figma [Тариф Самостоятельный] [PurpleSchool] [Антон Ларичев, Елена Кострикова]

Полный курс по дизайну и работе в Figma с нуля до первого макета

В курсе мы изучим основы работы в Figma, а также ключевые концепции дизайна: типографику, работу с цветом, иерархию в веб-дизайне и другие важные аспекты создания качественного интерфейса.

Мы начнём с самых основ: после установки Figma разберёмся с базовыми инструментами, формами и текстом. Затем углубимся в типографику и посмотрим, как правильно выстраивать иерархию текста. После этого изучим теорию цвета и применим полученные знания на практике, создавая полноценный макет.

Далее мы начнём структурировать проект с использованием Auto Layout и создадим профессиональный макет страницы регистрации. В финале курса реализуем крупный проект — landing page, применив все полученные навыки.

Чему вы научитесь?

После прохождения курса вы сможете:

Создавать макеты в Figma

Разбираться в основах типографики

Понимать основы цветовой теории

Использовать Auto Layout для адаптивных интерфейсов

Работать с иконками и векторными элементами

Использовать принципы атомарного дизайна

Работать с Figma на базовом уровне

Применять правила композиции и контраста

План курса
Курс построен таким образом, чтобы доносить материал от простого к сложному. Ниже вы можете ознакомиться с планом курса и посмотреть часть открытых лекций по кнопке проигрывателя.

1. Введение

1.1 О веб-дизайне

1.2 Как устроен курс

1.3 Обзор проектов

1.4 Обзор курсов

1.5 Знакомство с преподавателем

1.6 Работа на платформе

1.7 AI и тренажёры

2. Настройка окружения

2.1 Знакомство с Figma

2.2 Регистрация в Figma. Тарифы

2.3 Установка Figma - MacOS

2.4 Установка Figma - Windows

2.5 Установка шрифтов

3. Основы работы в Figma

3.1 Обзор интерфейса. Часть 1

3.2 Обзор интерфейса. Часть 2

3.3 История версий. Хоткеи

3.4 Frame, группа, секция

3.5 Привязки в Figma

3.6 Страницы. Слои. Поиск

3.7 Булевы операции

3.8 Упражнение - Черновой прототип

3.9 Тест - Основы работы в Figma

4. Типографика

4.1 Принцип близости

4.2 Инструмент - Текст. Часть 1

4.3 Инструмент - Текст. Часть 2

4.4 Отступы в дизайне

4.5 Вёрстка текста. Часть 1

4.6 Вёрстка текста. Часть 2

4.7 Плагин для работы с текстом

4.8 Упражнение - Отступы

4.9 Упражнение - Вёрстка текста

4.10 Текстовые стили

4.11 Тест по типографике

5. Работа с цветом

5.1 Основы работы с цветом

5.2 Заливка

5.3 Градиенты

5.4 Работа с изображениями

5.5 Цветовые модели в Figma

5.6 Система для работы с цветом

5.7 Подбор цветовой палитры

5.8 Упражнение - Подбор цвета

5.9 Цветовые стили

5.10 Упражнение - Цветовые стили

5.11 Эффекты

5.12 Тест - Работа с цветом

6. Auto layout

6.1 Расположение элементов

6.2 Отступы и выравнивание

6.3 Поведение элементов

6.4 Абсолютное позиционирование

6.5 Min и max по высоте и ширине

6.6 Создание списка при помощи

6.7 Инструмент Обводка

6.8 Упражнение - Создание табов

6.9 Упражнение - Создание карточки

6.10 Тест - Auto layout

7. Работа с иконками

7.1 Формат, виды, основные принципы работы с иконками

7.2 Инструмент Scale

7.3 Упражнение - Создание инпутов и подбор иконок

7.4 Тест - Работа с иконками

8. Атомарный дизайн

8.1 Определение, основные понятия

8.2 Основные преимущества использования

8.3 Сбор формы

8.4 Тест - Атомарный дизайн

9. Практический блок

9.1 Дизайн лендинга. Часть 1

9.2 Дизайн лендинга. Часть 2

9.3 Дизайн лендинга. Часть 3

9.4 Дизайн лендинга. Часть 4

9.5 Дизайн лендинга. Часть 5

9.6 Дизайн лендинга. Часть 6

9.7 Дизайн лендинга. Часть 7

10. Куда двигаться дальше

10.1 Куда двигаться дальше

Авторы курса:

Автор курса - Антон Ларичев
Основатель PurpleSchool
Основатель PurpleSchool и ex-CTO. Занимаюсь разработкой уже более 14 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.

Автор курса - Елена Кострикова
Ведущий веб-дизайнер
Мой опыт в дизайне более 5 лет. Работала над проектами разного масштаба — от сайтов и лендингов до CRM-систем для бизнеса. Люблю создавать дизайн, в котором сочетаются удобство, красота и функциональность. Для меня важно, чтобы визуальные решения не только радовали глаз, но и помогали пользователям

Тариф Самостоятельный
Цена: 3999 руб.
Скрытая ссылка