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 554

    Комментарии

    0

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

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

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

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

    Картинка поста Async/await в JavaScript: полное руководство 2024
    Иконка аватараАнтон
    Иконка календаря28 июня 2026
    javascriptasyncawait+ 2middleИконка уровня middle

    Async/await в JavaScript: полное руководство 2024

    Async/await в JavaScript — полное руководство с примерами: от основ промисов до параллельного выполнения и обработки ошибок.

    Иконка чипа0
    Иконка глаза8
    Иконка комментариев0
    Картинка поста HTTP методы GET POST PUT DELETE: разница и применение
    Иконка аватараАнтон
    Иконка календаря27 июня 2026
    HTTPRESTAPI+ 2juniorИконка уровня junior

    HTTP методы GET POST PUT DELETE: разница и применение

    HTTP методы GET, POST, PUT, DELETE — основа любого REST API. Разбираем, чем они отличаются, когда применять каждый и какие ошибки допускают новички.

    Иконка чипа0
    Иконка глаза41
    Иконка комментариев0
    Картинка поста SOLID принципы в JavaScript: разбор на примерах
    Иконка аватараАнтон
    Иконка календаря26 июня 2026
    JavaScriptSOLIDООП+ 3middleИконка уровня middle

    SOLID принципы в JavaScript: разбор на примерах

    SOLID принципы в JavaScript — разбираем каждый принцип на реальных примерах кода, чтобы писать чистую и расширяемую архитектуру.

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