иконка discount

Скидка 15% по промокоду

кибер понедельник до 01.12иконка discount
CYBER2025
логотип PurpleSchool
логотип PurpleSchool
Дизайн

Основы дизайна и Figma

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

Обновлено 06 октября 2025 г.
ЗвездаЗвездаЗвездаЗвездаЗвезда
Рейтинг 5.0на основании отзывов
Иконка аватараИконка аватараИконка аватараИконка аватараИконка аватара
40,000учеников
Иконка гарантии
Легкий возврат — 30 дней

Вернем 100% стоимости без объяснения причин — стартуйте без рисков!

изображение курса
кнопка запустить видеоО курсе
Цена от:3 999 ₽6 990 ₽
При покупке до 30.11.2025
Гарантия возврата денег — 30 дней
Неограниченный доступ
Сертификат об окончании
Знания

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

После прохождения курса вы сможете:
Создавать макеты в Figma
Разбираться в основах типографики
Понимать основы цветовой теории
Использовать Auto Layout для адаптивных интерфейсов
Работать с иконками и векторными элементами
Использовать принципы атомарного дизайна
Работать с Figma на базовом уровне
Применять правила композиции и контраста

Минимальные требования: Требований нет

83урокавидео с конспектами
8 упражненийдля закрепления на практике
71 тестдля проверки знаний
Технологии
Figma
О курсе

Что в курсе?

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


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


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

Иконка гарантии
Легкий возврат — 30 дней

Вернем 100% стоимости без объяснения причин — стартуйте без рисков!

certificate
Ваш сертификат по окончанию курса
Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 30 ноября 2025
Возможности обучения

Обучение в PurpleSchool

Собственная платформа

Интеграция с GitHub

Интеграция с GitHub

Все проекты для домашних заданий проверяются напрямую из GitHub

Поддержка всех устройств

Поддержка всех устройств

Обучайтесь в любом месте с десктоп и мобильных устройств

Подсветка синтаксиса

Подсветка синтаксиса

Не теряйтесь в коде, пользуйтесь привычным форматированием синтаксиса

Проверенные форматы

Мини-лекции

Мини-лекции

Короткие видео (по ~5 минут) позволяют обучаться даже тогда, когда времени на полноценное обучение не хватает

Упражнения

Упражнения

Выполняйте задачи, а затем сравнивайте с верным процессом решения в видео для самопроверки

Конспекты

Конспекты

Каждая лекция сопровождается детальными конспектами для удобного поиска информации

Домашние задания

Домашние задания

Осваивайте материал на реальных задачах, которые потом пригодятся в работе

Тесты

Тесты

Закрепляйте знания и находите слабые места с помощью точечных тестов по темам курса

Тщательно следим за актуальностью технологий и регулярно обновляем курсы

AI и тренажёры

Livecode-тренажёр

Livecode-тренажёр

Решайте мини-задачи по темам курса и получайте мгновенный разбор ошибок в коде от AI-наставника

Mock-тренажёр

Mock-тренажёр

Практикуйтесь в прохождении собеседований и находите ошибки, которые мешают пройти на нужную вакансию

Проверка домашних заданий

Проверка домашних заданий

Отправляйте Pull Request наставнику и получайте детальный разбор с учётом лучших практик

AI-наставник обучен на реальных проектах, практике студентов, официальной документации и материалах курса

Реальная практика в студии

Проектная команда

Проектная команда

Подключитесь в коллектив и пройдёте проект плечом к плечу

Рекомендательное письмо

Рекомендательное письмо

В случае успешной стажировки получите индивидуальное рекомендательное письмо от основателя студии PurpleCode

Реальные задачи

Реальные задачи

Реализуете действующий функционал, а не задачки из учебников

Еженедельное планирование

Еженедельное планирование

Освоите практики Agile, научитесь декомпозировать задачи, оценивать сроки, анализировать ретроспективу

Практикующие разработчики и HR

Проверка домашних заданий

Проверка домашних заданий

Получайте детальную обратную связь от разработчиков из ведущих компаний

Еженедельные консультации

Еженедельные консультации

Разбирайтесь с трудностями и вопросами на еженедельных встречах с наставником

Проверка резюме и мок

Проверка резюме и мок

Повышайте софтскиллы и проходите на вакансии выше уровнем

Гарантия: если в течение 30 дней после покупки поймёте, что курс не нравится и не прошли более 50% курса — вернём деньги без лишних вопросов.

Модули курса

План курса

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

кнопка запустить видеоПример лекции
1.1 О веб-дизайне
5 мин
1.2 Как устроен курс
5 мин
1.3 Обзор проектов
2 мин
1.4 Обзор курсов
2 мин
1.5 Знакомство с преподавателем
5 мин
1.6 Работа на платформе
10 мин
1.7 AI и тренажёры
7 мин
2.1 Знакомство с Figma
4 мин
2.2 Регистрация в Figma. Тарифы
3 мин
2.3 Установка Figma - MacOS
2 мин
2.4 Установка Figma - Windows
2 мин
2.5 Установка шрифтов
3 мин
3.1 Обзор интерфейса. Часть 1
3 мин
3.2 Обзор интерфейса. Часть 2
5 мин
3.3 История версий. Хоткеи
3 мин
3.4 Frame, группа, секция
11 мин
3.5 Привязки в Figma
5 мин
3.6 Страницы. Слои. Поиск
10 мин
3.7 Булевы операции
4 мин
3.8 Упражнение - Черновой прототип
12 мин
3.9 Тест - Основы работы в Figma
9 мин
С AI и тренажёрами3.10 Занятие - Основы работы в Figma
15 мин
С AI и тренажёрами3.11 Домашнее задание - Черновой прототип видеоплеера
30 мин
4.1 Принцип близости
6 мин
4.2 Инструмент - Текст. Часть 1
7 мин
4.3 Инструмент - Текст. Часть 2
5 мин
4.4 Отступы в дизайне
4 мин
4.5 Вёрстка текста. Часть 1
11 мин
4.6 Вёрстка текста. Часть 2
5 мин
4.7 Плагин для работы с текстом
2 мин
4.8 Упражнение - Отступы
2 мин
4.9 Упражнение - Вёрстка текста
6 мин
4.10 Текстовые стили
5 мин
4.11 Тест по типографике
9 мин
С AI и тренажёрами4.12 Занятие - Вёрстка статьи
15 мин
С AI и тренажёрами4.13 Домашнее задание - Вёрстка статьи
30 мин
5.1 Основы работы с цветом
4 мин
5.2 Заливка
7 мин
5.3 Градиенты
5 мин
5.4 Работа с изображениями
8 мин
5.5 Цветовые модели в Figma
6 мин
5.6 Система для работы с цветом
6 мин
5.7 Подбор цветовой палитры
8 мин
5.8 Упражнение - Подбор цвета
11 мин
5.9 Цветовые стили
6 мин
5.10 Упражнение - Цветовые стили
5 мин
5.11 Эффекты
7 мин
5.12 Тест - Работа с цветом
8 мин
С AI и тренажёрами5.13 Занятие - Работа с цветом
15 мин
С AI и тренажёрами5.14 Домашнее задание - Подбор цветовой палитры для экрана видеоплеера
30 мин
6.1 Расположение элементов
5 мин
6.2 Отступы и выравнивание
6 мин
6.3 Поведение элементов
8 мин
6.4 Абсолютное позиционирование
4 мин
6.5 Min и max по высоте и ширине
4 мин
6.6 Создание списка при помощи
4 мин
6.7 Инструмент Обводка
4 мин
6.8 Упражнение - Создание табов
6 мин
6.9 Упражнение - Создание карточки
10 мин
6.10 Тест - Auto layout
10 мин
С AI и тренажёрами6.11 Занятие - Auto layout
15 мин
7.1 Формат, виды, основные принципы работы с иконками
7 мин
7.2 Инструмент Scale
7 мин
7.3 Упражнение - Создание инпутов и подбор иконок
7 мин
7.4 Тест - Работа с иконками
5 мин
С AI и тренажёрами7.5 Занятие - Работа с иконками
15 мин
С AI и тренажёрами7.6 Домашнее задание - Подбор иконок для экрана видеоплеера
30 мин
8.1 Определение, основные понятия
5 мин
8.2 Основные преимущества использования
5 мин
8.3 Сбор формы
12 мин
8.4 Тест - Атомарный дизайн
10 мин
С AI и тренажёрами8.5 Домашнее задание - Сбор экрана видеоплеера
30 мин
9.1 Дизайн лендинга. Часть 1
13 мин
9.2 Дизайн лендинга. Часть 2
10 мин
9.3 Дизайн лендинга. Часть 3
20 мин
9.4 Дизайн лендинга. Часть 4
18 мин
9.5 Дизайн лендинга. Часть 5
13 мин
9.6 Дизайн лендинга. Часть 6
21 мин
9.7 Дизайн лендинга. Часть 7
24 мин
9.8 Отзыв о курсе
1 мин
10.1 Куда двигаться дальше
2 мин
10.2 Финальное тестирование
20 мин
С AI и тренажёрами10.3 Собеседование с AI наставником
30 мин
О платформе

Обзор платформы

Наша платформа создана так, чтобы вы могли не просто прослушать лекции, а действительно освоить материал. Здесь вы сможете пройти видеолекции, потренироваться на интерактивных тренажёрах, выполнить домашние задания, поработать с AI-наставником и проверить свои знания с помощью тестов. Всё это помогает закрепить теорию на практике и быстрее достичь результата.

Видео
Тренажёры
Домашние задания
Занятия с AI
Тесты
Командный проект
Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 30 ноября 2025
О проектах

Что будем писать?

Самостоятельный

Страница регистрации

Страница регистрации

Проработанная страница с autolayout, подобранными шрифтами и цветовой палитрой. Содержит поля ввода, кнопки и проработанную структуру

Самостоятельный

Одностраничный сайт клиники

Одностраничный сайт клиники

Лендинг с тщательно проработанной типографикой и цветовой палитрой. Включает заголовки, текстовые и графические блоки, кнопки призыва к действию и логично выстроенную структуру экранов. Собран с использованием AutoLayout, что обеспечивает адаптивность интерфейса.

AI и тренажёры

Видео плеер

Видео плеер

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

О PurpleSchool

Наши проекты

Антон Ларичев

Антон Ларичев

Основатель PurpleCode, школы обучения разработки PurpleSchool. 14 лет опыта разработки, более 10 лет управления ИТ проектами и интернет маркетинга.

PurpleSchool

Школа PurpleSchool

Направления
40 000

учеников по всему миру

30 дней

гарантия возврата денег

90%

студентов рекомендуют курсы

4.8Kursly
ЗвездаЗвездаЗвездаЗвездаЗвезда
4.8Stepik
ЗвездаЗвездаЗвездаЗвездаЗвезда
4.7Udemy
ЗвездаЗвездаЗвездаЗвездаЗвезда

Студия PurpleCode

Направления
50+

проектов за последний год

15

лет опыта

7

команд разработки

Практика в PurpleCode

1
Собеседуем выбранных участников
2
Прошедших отбор берём на оплачиваемую стажировку
3
После 3-х месяцев успешной стажировки - оффер
Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 30 ноября 2025
Под ваши потребности

Тарифы

Иконка гарантии
Легкий возврат — 30 дней

Вернем 100% стоимости без объяснения причин — стартуйте без рисков!

Начните бесплатно3 первых модуля курса
Эконом

Самостоятельный

Цена:3 999 ₽6 990 ₽
  • ГалочкаУроки и упражнения
  • КрестикДомашние задания
  • КрестикAi занятия на 2 месяца
  • КрестикТренажёр с задачами
  • ГалочкаГарантия возврата
Иконка гарантии100% гарантия возврата
Премиум

AI и тренажёры

Цена:5 499 ₽8 990 ₽
2 платежа: 2 749,5 ₽/мес
  • ГалочкаУроки и упражнения
  • ГалочкаДомашние задания
  • ГалочкаAI занятия на 2 месяца
  • ГалочкаТренажёр с задачами
  • ГалочкаГарантия возврата
Иконка гарантии100% гарантия возврата
Практика

Поддержка менторов

Цена:9 999 ₽16 000 ₽
3 платежа: 3 333 ₽/мес
  • ГалочкаУроки и упражнения
  • ГалочкаДомашние задания
  • ГалочкаAI занятия на 2 месяца
  • ГалочкаТренажёр с задачами
  • ГалочкаГарантия возврата
Иконка гарантии100% гарантия возврата
иконка часов1д : 11ч : 36м : 21с

Сравнение тарифов

Эконом
Самостоятельный
Премиум
AI и тренажёры
Практика
Поддержка менторов
Обучение
Даст пошговую структуру изучения и поможет разобраться в теме без перегрузок
Уроки
check
check
check
Упражнения
check
check
check
Тесты
check
check
check
Сертификат
check
check
check
AI и задания
Поможет больше практиковаться, быстро находить и фиксить слабые места в понимании тем. Доступен 2 месяца.
Домашние задания
check
check
check
Ответы на вопросы 24/7 от AI-наставника
check
check
check
Livecode-занятия с AI-наставником
check
check
check
Mock-собеседования c AI-наставником
check
check
check
Проверка домашних заданий
check
check
check
Тренажёр с задачами
check
check
check
Гарантии
Гарантия возврата денег без объяснения причин
Гарантия возврата денег без объяснения причин — 30 дней
check
check
check
Условия действуют
иконка часов1д : 11ч : 36м : 21с
3 999 ₽6 990 ₽экономия 2 991 ₽
100% гарантия возврата
5 499 ₽8 990 ₽экономия 3 491 ₽
100% гарантия возврата
9 999 ₽16 000 ₽экономия 6 001 ₽
100% гарантия возврата
О тарифе

Тариф с командным проектом

  • Реальный проект

    Вы будете работать вместе с командой на реальным проектом

  • Практика

    2 недели интенсивной практики и погружения в процессы разработки

  • Наставничество

    Несколько опытных наставников будут проводить код ревью и помогать с задачами

  • Командная работа

    Вы научитесь синхронизироваться с командой и совместно реализовывать сложные фичи

  • Практика Agile

    Вы будете работать по Scrum и познакомитесь с Agile процессами

team project
  1. 1

    Планируем спринт

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

  2. 2

    Синхронизируемся

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

  3. 3

    Выполняем задачи

    Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

  4. 4

    Проводим ретроспективу

    В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

Для вас подготовлены дополнительные материалы
  • additional material

    Макеты для вёрстки и создания компонент

  • additional material

    Техническое задание на итерацию от ProductOwner

  • additional material

    Процессы по работе в команде и код ревью

Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 30 ноября 2025
Команда курса

Автор и наставники

фото команды
Автор курса

Антон Ларичев

Основатель PurpleSchool

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

фото команды
Автор курса

Елена Кострикова

Ведущий веб-дизайнер

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

Что говорят наши ученики

Честные отзывы

Отзывы студентов размещаются как есть, включая негативные. Отзыв можно оставить после прохождения половины курса.

Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 30 ноября 2025

Карта развития разработчика

Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile

Курсы с наставником и без

Для компаний

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

Свяжитесь со мнойЧерез форму ниже или по почтеcontact@purpleschool.ru
Оплата счётаВы оплачиваете счёт на нужное число мест и курсов
СтартНа email сотрудников открывается доступ
Наши курсы выбирают:
Остались вопросы?

Частые вопросы

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

Вы получаете неограниченный по времени доступ к курсу и можете проходить его в темпе, в который комфортен вам. Но занятия с наставником и проверка домашнего задания ограничена 2-мя и 3-мя месяцами для 2-х тарифов.
Для тарифов с наставником доступен прямой чат с наставником, где вы можете задавать вопросы. А для всех тарифов есть общий чат и комментарии под каждой лекцией.
После приобретения курса у вас открывается доступ на приватный Telegram канал, где созданы отдельные чаты для каждого курса и есть возможность задавать вопросы наставнику напрямую. Там же проводятся голосовые звонки с наставником.
Оплата доступна по всему миру. Стоимость курса будет автоматически сконвертирована в валюту вашей страны по текущему курсу.
Если в течение 30 дней курс вам не понравился или не подошёл, вы можете запросить возврат средств если не прошли более 50% курса, написав на электронную почту contact@purpleschool.ru. После возврата средства зачисляться в течение 3-х рабочих дней.
Да, сертификат будет вам автоматически отправлен после завершения курса на электронную почту, указанную при регистрации.
На все тарифы с наставником доступна рассрочка на 2 и 3 месяца в зависимости от тарифа.
Конечно, мы дорожим своей репутацией и работаем полностью открыто, платим налоги и формирует чеки. Всю информацию о компании можно найти на сайте ФНС по ИНН, указанному в подвале сайта.
Основная ценность курса в том, что весь материал структурирован и подан в правильной последовательности. Благодаря этому вы можете получить знания быстро, качественно и структурировано. А поддержка наставника обеспечивает вам быструю обратную связь и поддержку от профессионального разработчика.
Мы рекомендуем выделять на курс от 10 до 20 часов в неделю, чтобы двигаться в хорошем темпе. Если вы приобретаете курс для самостоятельного обучения, то можете двигаться в своём темпе.
Мы всегда идём на встречу и в индивидуальном порядке продлеваем время с наставником, если вам необходим перерыв в изучении материала.
Остались вопросы? Их можно задать в чате Telegram.