PurpleSchool — курсы программирования онлайн
  • Бесплатно
    • Курсы
    • JavaScript Основы разработкиPython Основы PythonCSS CSS FlexboxКарта развитияВопросы для собеседований
    • База знанийИконка стрелки
    • Новостные рассылкиИконка стрелки
  • Пути
    • Frontend React разработчик
    • Frontend Vue разработчик
    • Backend разработчик Node.js
    • Fullstack разработчик React / Node.js
    • Mobile разработчик React Native
    • Backend разработчик Golang
    • Devops инженер
    • Backend разработчик Python
  • AI для кодаНовое
  • О нас
    • Отзывы
    • Реферальная программа
    • О компании
    • Контакты
  • Иконка открытия меню
    • Сообщество
    • PurpleПлюс
    • AI Собеседование
    • AI тренажёр
    • Проекты
PurpleSchool — платформа бесплатных roadmap и курсов для разработчиков
ютуб иконка
Telegram иконка
VK иконка
VK иконка
Курсы
ГлавнаяКаталог курсовFrontendBackendFullstack
Практика
КарьераПроектыPurpleПлюс
Материалы
БлогБаза знаний
Документы
Договор офертаПолитика конфиденциальностиПроверка сертификатаМиграция курсовРеферальная программа
Реквизиты
ИП Ларичев Антон АндреевичИНН 773373765379contact@purpleschool.ru

PurpleSchool © 2020 -2026 Все права защищены

  • Курсы
    • FrontendИконка стрелки
    • AI разработкаИконка стрелки
    • BackendИконка стрелки
    • DevOpsИконка стрелки
    • MobileИконка стрелки
    • ТестированиеИконка стрелки
    • Soft-skillsИконка стрелки
    • ДизайнИконка стрелки
    Иконка слояПерейти в каталог курсов
  • PurpleSchool — курсы программирования онлайн
    • AI для кодаНовое
    • Сообщество
    • PurpleПлюс
    • AI Собеседование
    • AI тренажёр
    • Проекты
    Главная
    Сообщество
    Новый курс: Основы Дизайна и Figma

    Новый курс: Основы Дизайна и Figma

    Аватар автора Новый курс: Основы Дизайна и Figma

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

    Иконка календаря15 сентября 2025
    курсыjuniorИконка уровня juniorPurpleSchool
    Картинка поста Новый курс: Основы Дизайна и Figma

    Подойдет

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

    Разберем

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

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

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

    Внутри

    82 урока | 8 упражнений | 71 тест

    ⚡ Домашние задания и тренировки с AI: поможет безлимитно тренироваться, быстро находить и фиксить слабые места в понимании тем.

    ➕ Поддержка менторов Позволит задавать вопросы менторам на живых встречах и в чате.

    Нарисуем

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

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

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

    Курс со всеми фичами и бесплатными лекциями уже доступен на сайте. Лучшие условия для первых.

    А все, кто оформлял ранее предзапись — проверьте email, письмо с бонусом уже у вас на почте!

    🖥 Смотреть программу курса

    Иконка глаза1 624

    Комментарии

    0

    Постройте личный план изучения Основы дизайна и Figma до уровня Middle — бесплатно!

    Основы дизайна и Figma — часть карты развития Дизайн

    • step100+ шагов развития
    • lessons30 бесплатных лекций
    • lessons300 бонусных рублей на счет

    Похожие статьи

    Картинка поста Регулярные выражения в JavaScript: полное руководство
    Иконка аватараАнтон
    Иконка календаря06 августа 2026
    JavaScriptрегулярные выраженияregexp+ 2middleИконка уровня middle

    Регулярные выражения в JavaScript: полное руководство

    Регулярные выражения в JavaScript позволяют искать, проверять и заменять текст по шаблону. Разбираем синтаксис, методы и частые ошибки с примерами.

    Иконка чипа0
    Иконка глаза204
    Иконка комментариев0
    Картинка поста React useState и useEffect: полное руководство 2024
    Иконка аватараАнтон
    Иконка календаря29 июля 2026
    ReactuseStateuseEffect+ 3juniorИконка уровня junior

    React useState и useEffect: полное руководство 2024

    Разбираем useState и useEffect с нуля: как управлять состоянием и побочными эффектами в React-компонентах с реальными примерами.

    Иконка чипа0
    Иконка глаза777
    Иконка комментариев0
    Картинка поста Docker для разработчиков: с чего начать и как применять
    Иконка аватараАнтон
    Иконка календаря21 июля 2026
    dockerdevopsконтейнеры+ 3juniorИконка уровня junior

    Docker для разработчиков: с чего начать и как применять

    Docker — инструмент контейнеризации, который решает проблему «у меня работает». Установка, первый контейнер, Dockerfile и docker-compose с нуля.

    Иконка чипа0
    Иконка глаза986
    Иконка комментариев0
    Иконка чипа0