Figma с нуля до коммерческих проектов
Вы освоите самую популярную программу для веб-дизайна. Научитесь собирать макеты и адаптивные интерфейсы, готовить лендинги и шаблоны. Сделаете кейс для портфолио, чтобы брать первые заказы или повысить ценник на текущие услуги.
- Длительность 2 месяца
- Обновили курс в конце 2024 года
- Осваивайте материал на практических задачах
- Доступ к видеоматериалам навсегда
Figma — основа для первых коммерческих задач
В Figma дизайнеры собирают лендинги, интерфейсы, рекламные креативы и прототипы. На курсе вы освоите не только инструменты этой программы, но и логику digital-дизайна: сетки, адаптивность и визуальный язык.
- 1900 BYN
зарплата специалиста со знанием Figma
Кому подойдёт этот курс
-
Новичкам в дизайне
С нуля освоите интерфейс Figma и принципы веб-дизайна. Соберёте первые макеты и подготовите проект для портфолио.
-
Студентам дизайн-профессий
Систематизируете знания, изучите автовёрстку и компоненты. Научитесь поддерживать порядок в файлах и собирать адаптивные макеты.
-
Начинающим фрилансерам
Создадите лендинг, рекламные креативы и кликабельный прототип. Сделаете полноценный дизайн-кейс, который покажете заказчикам.
-
Маркетологам и контент-специалистам
Научитесь самостоятельно собирать баннеры, посты, сторис и простые лендинги. Сможете адаптировать их под разные форматы без помощи дизайнеров.
Чему вы научитесь
- Профессионально работать в Figma
Разберётесь в интерфейсе и настройках программы. Научитесь работать с фигурами, слоями и внутренними редакторами.
- Готовить макеты
Будете использовать сетки, отступы, типографику, цвет и изображения, чтобы управлять вниманием и сохранять читаемость.
- Создавать интерактивные прототипы
Освоите базовую анимацию. Сможете наглядно показать заказчику, как клиенты будут пользоваться продуктом.
- Создавать адаптивные интерфейсы
Научитесь задавать отступы и расположение элементов так, чтобы блоки не ломались при изменении текста и размера экрана. Перестроите макеты для ПК- и мобильных версий.
- Собирать визуальные шаблоны
Создадите компоненты, локальные стили и заготовки, чтобы быстрее обновлять интерфейс и материалы в едином стиле.
- Адаптировать креативы под площадки
Соберёте визуальную концепцию и реализуете её в постах, сторис и баннерах. Узнаете, как экспортировать макеты, чтобы передавать их разработчикам.
Как проходит курс на платформе
Программа обучения
- 2 месяца (3–5 часов в неделю)
- 40+ часов практики
- 1 проект в портфолио
- Обновлена в 2026 году
- Figma с нуля до коммерческих проектов
-
Знакомство с Figma и первый файл Освоите интерфейс, создадите аккуратный учебный файл и подготовите рабочее пространство для курса.
- Узнаете, для каких задач дизайнеры используют Figma
- Зарегистрируетесь и разберётесь, что доступно в бесплатной версии
- Освоите основные панели, инструменты перемещения и изменения размера
- Создадите рабочие области для компьютера, телефона, постов и историй
- Научитесь упорядочивать слои, группы, разделы и названия объектов
- Оформите обложку файла и сохраните первое изображение в PNG
-
Сетка и порядок в макете Научитесь собирать аккуратные экраны по сетке и выстраивать понятную систему отступов.
- Поймёте, как сетка помогает выравнивать блоки и сохранять ритм
- Настроите колонки, поля и расстояния для разных размеров экрана
- Освоите систему отступов и перестанете размещать элементы на глаз
- Научитесь точно выравнивать объекты и проверять расстояния между ними
- Соберёте первый экран лендинга с заголовком, текстом, кнопкой и графикой
- Исправите хаотичный макет и объясните, почему он стал понятнее
-
Форма, текст, цвет и изображения Освоите визуальную основу дизайна и соберёте рекламный блок с оформлением в едином стиле.
- Научитесь работать с фигурами, обводками, скруглениями и прозрачностью
- Настроите размеры текста, интервалы и выравнивание для разных уровней
- Соберёте палитру и научитесь поддерживать читаемый цветовой контраст
- Добавите изображения, настроите кадрирование и аккуратную композицию
- Разберётесь, как использовать тени, размытие и градиенты без перегруза
- Создадите рекламную карточку и визуальную основу проекта
-
Графика и рекламные материалы Создадите графические элементы и рекламную серию в одном визуальном стиле.
- Освоите векторные линии, заливки, обводки и редактирование формы
- Научитесь объединять, вычитать и пересекать фигуры
- Соберёте набор простых иконок и приведёте их к единому стилю
- Познакомитесь с Figma Draw и сценариями для ручной графики
- Создадите ключевой визуальный образ для всей рекламной серии
- Адаптируете идею под квадратный, вертикальный и широкий форматы
-
Автоматическая компоновка и адаптивность Соберёте блоки, которые сохраняют отступы и подстраиваются под текст и размер экрана.
- Поймёте логику контейнеров, направлений, отступов и выравнивания
- Создадите кнопку, которая не ломается при изменении текста
- Соберёте карточку товара или услуги с гибким содержанием
- Настроите списки, сетки и повторяющиеся блоки с общей структурой
- Перестроите часть макета с компьютерной версии на мобильную
- Научитесь находить и исправлять причины сломанной компоновки
-
Компоненты и набор элементов проекта Создадите систему готовых элементов, чтобы быстрее оформлять сайт и рекламные материалы.
- Поймёте, как один основной элемент управляет его копиями в макете
- Создадите варианты кнопок для разных состояний и задач
- Настроите быструю замену текста, значков и других элементов карточки
- Соберёте цвета, текстовые стили и простые переменные внутри файла
- Подготовите кнопки, карточки, поля, навигацию и плашки для лендинга
- Добавите шаблоны для рекламных материалов в том же стиле
-
Кликабельный прототип Свяжете экраны и соберёте прототип, который можно показать как будущий сайт или сервис.
- Настроите переходы между экранами и запустите просмотр прототипа
- Создадите всплывающее меню, форму заявки или отдельное окно
- Добавите реакции на наведение и смену состояний элементов
- Настроите плавные переходы между экранами и состояниями
- Добавите прокрутку, закреплённые элементы и переходы к разделам
- Проверите понятность сценария и соберёте обратную связь
-
Итоговый проект Соберёте лендинг или небольшой цифровой проект, рекламную серию и кейс для портфолио.
- Выберете тему, определите задачу проекта и его аудиторию
- Соберёте примеры и разберёте их структуру, композицию и стиль
- Продумаете структуру лендинга до перехода к визуальному оформлению
- Создадите версии проекта для компьютера и мобильного экрана
- Подготовите 3–5 рекламных материалов в едином стиле
- Оформите задачу, процесс и результат в кейс для портфолио
-
Бонус. Расширенные возможности Figma Познакомитесь с инструментами для командной работы, быстрых прототипов и дальнейшего развития.
- Узнаете, как подготовить макет, чтобы разработчик точнее перенёс дизайн на сайт
- Поймёте, как общие библиотеки помогают обновлять элементы сразу во всех макетах
- Познакомитесь с нейросетью Make и встроенными сервисами Figma: Sites, Buzz, Slides и FigJam
- Разберёте, как искусственный интеллект ускоряет идеи, тексты и прототипы
- Определите, какие навыки развивать для фриланса, студии или команды
-
Работы спикера
Спикер
Остался последний шаг
Дарим −5% за подписку. Куда отправить ваш персональный промокод на скидку?
Заявка принята
Отправили СМС с кодом на номер
Введите его, чтобы мы позвонили вам быстрее и не ошиблись номером
Часто задаваемые вопросы
-
Я никогда не работал в Figma. У меня получится?
Конечно! У вас всё получится даже без специальных знаний — просто уделяйте больше внимания практическим заданиям и изучайте дополнительные материалы. Во всём помогут опытные наставники, которые будут курировать вас на протяжении всего курса.
-
На курсе я освою веб-дизайн?
Нет, этот курс направлен только на знакомство с функционалом Figma. Программа подходит как для участников с базовыми навыками в веб-дизайне, так и для новичков без опыта.
Если вы только начинаете свой путь в веб-дизайне, советуем также пройти курс «Веб-дизайн с нуля до PRO». Здесь вы с нуля научитесь создавать макеты сайтов и приложений, работать с заказчиками и презентовать проекты. А навык работы в Figma поможет вам быстрее справляться с практическими заданиями. -
Что мне потребуется для работы? Надо ли что-то покупать?
Покупать ничего не нужно. Мы будем работать в бесплатной версии Figma — там есть все необходимые инструменты.
Для работы с программой понадобится браузер последней версии:
• Chrome 63+,
• Firefox 58+,
• Safari 11.1+,
• Microsoft Edge 79+. -
Какой график? Получится ли совмещать его с работой?
Вы можете изучать материалы курса в удобном вам режиме, совмещать курс с работой и личной жизнью. Более того, все видеоматериалы будут доступны и по окончании курса, так что вы сможете освежить свои знания в любой момент.
-
Сколько часов в неделю мне нужно будет уделять занятиям?
Всё зависит только от вас. В среднем наши участники занимаются от трёх до пяти часов в неделю.
-
Я смогу общаться с экспертами?
У вас будет куратор в Telegram-чате, а проверяющий эксперт прокомментирует практические задания и даст полезные советы. Так вы сможете перенять опыт, профессиональные знания и лайфхаки.
-
Действуют ли какие-нибудь программы рассрочки?
Да, вы можете купить курс в рассрочку — и спланировать свой бюджет, разбив всю сумму на небольшие ежемесячные платежи.
-
Получу ли я профессию после того, как пройду онлайн-курс?
После прохождения онлайн-курса от Skillbox не выдается диплом о профессиональной подготовке. Но при этом вы сможете работать по выбранному направлению: маркетологом, дизайнером или разработчиком. В первую очередь IT-компании оценивают навыки и портфолио кандидата.
-
Получится ли совмещать обучение в ВУЗе с онлайн-курсами?
Да, на EdTech-платформе можно заниматься в удобное время и в любом месте. Видеоматериалы со спикерами доступны даже ночью. Эксперты проверят ваши практические работы где бы вы ни находились.
-
Вы помогаете со стажировкой и трудоустройством?
Наши партнеры помогут составить резюме, оформить портфолио, подготовиться к собеседованию и первому рабочему дню.
- Астана
- Ташкент
- Кишинев
- Минск
- Бишкек
- Москва
- Ереван
- Баку
- Брест
- Витебск
- Гомель
- Гродно
- Могилев
- Бобруйск
- Барановичи
- Алматы
- Шымкент
- Наманган
- Самарканд
- Кишинев
- Тирасполь
- Бельцы