Найди себя в Skillbox Скидка 45% действует 0 дней 00:00:00 
Figma с нуля до коммерческих проектов
Вы освоите самую популярную программу для веб-дизайна. Научитесь собирать макеты и адаптивные интерфейсы, готовить лендинги и шаблоны. Сделаете кейс для портфолио, чтобы брать первые заказы или повысить ценник на текущие услуги.
- 8 практических работ с проверкой Соберёте макеты, креативы и прототип
- Проект для фриланса Лендинг, мобильная версия и несколько креативов
- Набор готовых элементов Сделаете адаптивные шаблоны для будущих проектов
- Креативы в едином стиле Свяжете визуалы лендинга с постами, сторис и баннерами
Figma — основа для первых коммерческих задач
В Figma дизайнеры собирают лендинги, интерфейсы, рекламные креативы и прототипы. На курсе вы освоите не только инструменты этой программы, но и логику digital-дизайна: сетки, адаптивность и визуальный язык.
Кому подойдёт этот курс
-
С нуля освоите интерфейс Figma и принципы веб-дизайна. Соберёте первые макеты и подготовите проект для портфолио.
-
Систематизируете знания, изучите автовёрстку и компоненты. Научитесь поддерживать порядок в файлах и собирать адаптивные макеты.
-
Создадите лендинг, рекламные креативы и кликабельный прототип. Сделаете полноценный дизайн-кейс, который покажете заказчикам.
-
Научитесь самостоятельно собирать баннеры, посты, сторис и простые лендинги. Сможете адаптировать их под разные форматы без помощи дизайнеров.
Figma по-прежнему доступна в России
Вы можете без ограничений использовать бесплатную лицензию редактора — веб-версию или онлайн-сервис.
Также доступны официальные плагины Figma Community и FigJam.
Чему вы научитесь
- Профессионально работать в Figma
Разберётесь в интерфейсе и настройках программы. Научитесь работать с фигурами, слоями и внутренними редакторами.
- Готовить макеты
Будете использовать сетки, отступы, типографику, цвет и изображения, чтобы управлять вниманием и сохранять читаемость.
- Создавать интерактивные прототипы
Освоите базовую анимацию. Сможете наглядно показать заказчику, как клиенты будут пользоваться продуктом.
- Создавать адаптивные интерфейсы
Научитесь задавать отступы и расположение элементов так, чтобы блоки не ломались при изменении текста и размера экрана. Перестроите макеты для ПК- и мобильных версий.
- Собирать визуальные шаблоны
Создадите компоненты, локальные стили и заготовки, чтобы быстрее обновлять интерфейс и материалы в едином стиле.
- Адаптировать креативы под площадки
Соберёте визуальную концепцию и реализуете её в постах, сторис и баннерах. Узнаете, как экспортировать макеты, чтобы передавать их разработчикам.
Такие работы вы сможете делать уже на курсе
Как проходит обучение на платформе
-
РегистрацияЗнакомитесь с платформой
Платформа Skillbox — собственная разработка компании, которую мы постоянно улучшаем. Вас ждут видео, практические задания и общение с кураторами. Доступ к материалам откроется сразу после покупки курса.
-
ТеорияПолучаете знания
Курсы состоят из тематических видео разной длительности. Смотрите их когда и где угодно. Доступ бессрочный, чтобы вы всегда могли вернуться и повторить теорию.
-
ПрактикаВыполняете задания
Мы уверены, что навыки отрабатываются только через практику. Поэтому после теории вас ждёт практическая работа или тест. Все задачи приближены к реальным — их можно с гордостью положить в портфолио.
-
Обратная связьРаботаете с куратором
Проверкой заданий занимаются кураторы. Это эксперты по теме курса. Они помогут с трудными задачами и подскажут, как улучшить ваши проекты. Общаться с проверяющими кураторами можно прямо на платформе.
-
Мобильная версияУчебные материалы всегда под рукой
Вы можете проходить обучение в мобильной версии платформы прямо с телефона — весь прогресс сохранится.
Записаться на курс или получить бесплатную консультацию
Программа обучения
- 2 месяца (3–5 часов в неделю)
- 40+ часов практики
- 1 проект в портфолио
- Обновлена в 2026 году
- Figma с нуля до коммерческих проектов
-
Знакомство с Figma и первый файл Освоите интерфейс, создадите аккуратный учебный файл и подготовите рабочее пространство для курса.
- Узнаете, для каких задач дизайнеры используют Figma
- Зарегистрируетесь и разберётесь, что доступно в бесплатной версии
- Освоите основные панели, инструменты перемещения и изменения размера
- Создадите рабочие области для компьютера, телефона, постов и историй
- Научитесь упорядочивать слои, группы, разделы и названия объектов
- Оформите обложку файла и сохраните первое изображение в PNG
-
Сетка и порядок в макете Научитесь собирать аккуратные экраны по сетке и выстраивать понятную систему отступов.
- Поймёте, как сетка помогает выравнивать блоки и сохранять ритм
- Настроите колонки, поля и расстояния для разных размеров экрана
- Освоите систему отступов и перестанете размещать элементы на глаз
- Научитесь точно выравнивать объекты и проверять расстояния между ними
- Соберёте первый экран лендинга с заголовком, текстом, кнопкой и графикой
- Исправите хаотичный макет и объясните, почему он стал понятнее
-
Форма, текст, цвет и изображения Освоите визуальную основу дизайна и соберёте рекламный блок с оформлением в едином стиле.
- Научитесь работать с фигурами, обводками, скруглениями и прозрачностью
- Настроите размеры текста, интервалы и выравнивание для разных уровней
- Соберёте палитру и научитесь поддерживать читаемый цветовой контраст
- Добавите изображения, настроите кадрирование и аккуратную композицию
- Разберётесь, как использовать тени, размытие и градиенты без перегруза
- Создадите рекламную карточку и визуальную основу проекта
-
Графика и рекламные материалы Создадите графические элементы и рекламную серию в одном визуальном стиле.
- Освоите векторные линии, заливки, обводки и редактирование формы
- Научитесь объединять, вычитать и пересекать фигуры
- Соберёте набор простых иконок и приведёте их к единому стилю
- Познакомитесь с Figma Draw и сценариями для ручной графики
- Создадите ключевой визуальный образ для всей рекламной серии
- Адаптируете идею под квадратный, вертикальный и широкий форматы
-
Автоматическая компоновка и адаптивность Соберёте блоки, которые сохраняют отступы и подстраиваются под текст и размер экрана.
- Поймёте логику контейнеров, направлений, отступов и выравнивания
- Создадите кнопку, которая не ломается при изменении текста
- Соберёте карточку товара или услуги с гибким содержанием
- Настроите списки, сетки и повторяющиеся блоки с общей структурой
- Перестроите часть макета с компьютерной версии на мобильную
- Научитесь находить и исправлять причины сломанной компоновки
-
Компоненты и набор элементов проекта Создадите систему готовых элементов, чтобы быстрее оформлять сайт и рекламные материалы.
- Поймёте, как один основной элемент управляет его копиями в макете
- Создадите варианты кнопок для разных состояний и задач
- Настроите быструю замену текста, значков и других элементов карточки
- Соберёте цвета, текстовые стили и простые переменные внутри файла
- Подготовите кнопки, карточки, поля, навигацию и плашки для лендинга
- Добавите шаблоны для рекламных материалов в том же стиле
-
Кликабельный прототип Свяжете экраны и соберёте прототип, который можно показать как будущий сайт или сервис.
- Настроите переходы между экранами и запустите просмотр прототипа
- Создадите всплывающее меню, форму заявки или отдельное окно
- Добавите реакции на наведение и смену состояний элементов
- Настроите плавные переходы между экранами и состояниями
- Добавите прокрутку, закреплённые элементы и переходы к разделам
- Проверите понятность сценария и соберёте обратную связь
-
Итоговый проект Соберёте лендинг или небольшой цифровой проект, рекламную серию и кейс для портфолио.
- Выберете тему, определите задачу проекта и его аудиторию
- Соберёте примеры и разберёте их структуру, композицию и стиль
- Продумаете структуру лендинга до перехода к визуальному оформлению
- Создадите версии проекта для компьютера и мобильного экрана
- Подготовите 3–5 рекламных материалов в едином стиле
- Оформите задачу, процесс и результат в кейс для портфолио
-
Бонус. Расширенные возможности Figma Познакомитесь с инструментами для командной работы, быстрых прототипов и дальнейшего развития.
- Узнаете, как подготовить макет, чтобы разработчик точнее перенёс дизайн на сайт
- Поймёте, как общие библиотеки помогают обновлять элементы сразу во всех макетах
- Познакомитесь с нейросетью Make и встроенными сервисами Figma: Sites, Buzz, Slides и FigJam
- Разберёте, как искусственный интеллект ускоряет идеи, тексты и прототипы
- Определите, какие навыки развивать для фриланса, студии или команды
-
Обучение в Цифровом колледже после 9-го и 11-го класса
Получите диплом о среднем профессиональном образовании государственного образца от колледжа-партнёра из любой точки мира.
- Поступление без ОГЭ, ЕГЭ и других экзаменов
- Общение с преподавателями и экспертами, воркшопы и практика в VK и других ведущих IT-компаниях
- Возможность работать по профессии со 2-го курса
- Настоящая студенческая жизнь не выходя из дома
Работы спикера
- 4,7
- 4,7
- 4,8
- 4,5
- 4,7
- 5,0
- 4,5
- 4,7
Спикер
Попросите работодателя оплатить этот курс
Оставьте заявку на обучение, а мы убедим вашего работодателя оплатить часть или всю стоимость курса.
- Старт курса: 17 августа
- Осталось: 7 мест
Стоимость обучения
Скидка действует 0 дня 00:00:00
- 11 920 ₽/мес
- −45%
- В рассрочку на 6 месяцев
Доступ к материалам курса навсегда
Заявка принята
Отправили СМС с кодом на номер
Введите его, чтобы мы позвонили вам быстрее и не ошиблись номером
Где работают участники курсов Skillbox
Часто задаваемые вопросы
-
Я никогда не работал в Figma. У меня получится?
Конечно! У вас всё получится даже без специальных знаний — просто уделяйте больше внимания домашним заданиям и изучайте дополнительные материалы. Во всём помогут опытные наставники, которые будут курировать вас на протяжении всего курса. Наш онлайн-курс высоко оценили студенты. Его средняя оценка — 4,8 из 5 на основе 33 331 отзыва.
-
Я слышал, что Figma больше не работает в России. Это так?
Нет. Figma закрыла для России только корпоративные тарифы: Professional Team, Organization и Enterprise. Бесплатная лицензия и плагины, которые используются на курсе, — доступны без ограничений.
-
На курсе меня научат веб-дизайну?
На этом курсе вы научитесь профессионально работать в программе Figma. Программа подходит как для студентов с базовыми навыками в веб-дизайне, так и для новичков без опыта.
Если вы только начинаете свой путь в веб-дизайне, советуем также пройти курс Веб-дизайн 3.0. Здесь вы с нуля изучите теорию и будете практиковаться на реальных задачах веб-дизайнера: создавать креативные визуальные концепции, разрабатывать макеты сайтов и приложений, работать с заказчиками и презентовать проекты. А навык работы в Figma поможет вам быстрее справляться с практикой. -
Что мне потребуется для работы? Надо ли что-то покупать?
Покупать ничего не нужно. Мы будем работать в бесплатной версии Figma — там есть все необходимые инструменты.
-
Какой график обучения? Получится ли совмещать его с работой?
Вы можете изучать материалы курса в удобном вам режиме, совмещать обучение с работой и личной жизнью. Более того, все уроки будут доступны и по окончании курса, так что вы сможете освежить свои знания в любой момент.
-
Сколько часов в неделю мне нужно будет уделять учёбе?
Всё зависит только от вас. В среднем наши студенты занимаются от 3 до 5 часов в неделю.
-
Я смогу общаться со спикерами?
У вас будет куратор в чате, а проверяющий эксперт прокомментирует практическую работу и даст полезные советы. Так вы сможете перенять опыт, профессиональные знания и лайфхаки.
-
Действуют ли какие-нибудь программы рассрочки?
Да, вы можете купить курс в рассрочку — и спланировать свой бюджет, разбив всю сумму на небольшие ежемесячные платежи.
-
Могу ли я получить налоговый вычет за обучение на платформе?
Да, вы можете вернуть часть средств в виде налогового вычета. Основные условия: быть налоговым резидентом РФ и платить НДФЛ. Налоговый вычет составит до 13% от стоимости курса. Максимальная сумма возврата части НДФЛ — 15 600 рублей за год при цене курса 120 000 рублей.
- Вы можете вернуть средства через работодателя или налоговую.
- Для этого понадобится договор на обучение на платформе, наша лицензия на образовательную деятельность и чек об оплате курса, который придёт вам на почту или в личный кабинет банка.
- Если вы будете оформлять вычет через налоговую, нужно будет заполнить декларацию 3-НДФЛ. Удобнее всего это сделать в личном кабинете на сайте Федеральной налоговой службы.
- В течение 30 дней налоговая подтвердит ваше право на вычет.
- Если будете оформлять возврат части НДФЛ через работодателя, вам останется подать ему заявление о получении налогового вычета.
Не переживайте, если процесс кажется вам сложным. Наши менеджеры помогут разобраться в том, как вернуть налоговый вычет.
- Санкт-Петербург
- Алматы
- Минск
- Москва
- Санкт-Петербург
- Алматы
- Волгоград
- Воронеж
- Екатеринбург
- Казань
- Красноярск
- Нижний Новгород
- Новосибирск
- Омск
- Пермь
- Ростов-на-Дону
- Уфа
- Челябинск
- Вологда
- Гомель
- Ижевск
- Иркутск
- Калининград
- Кемерово
- Киров
- Краснодар
- Курск
- Липецк
- Махачкала
- Оренбург
- Пенза
- Ростов
- Рязань
- Саратов
- Сочи
- Ставрополь
- Сургут
- Тверь
- Тольятти
- Томск
- Тула
- Тюмень
- Ульяновск
- Хабаровск
- Чебоксары
Отзывы участников
50 отзывов