Дизайн

10 курсов по веб-дизайну в Figma

В каталоге KGAM.blog собраны программы, где Figma — рабочий инструмент веб-дизайнера, а не один вводный урок. Сравнивайте Auto Layout, компоненты, адаптивы, прототип и подготовку файла к разработке; красивые экраны без порядка в слоях — так себе результат.

Смотреть курсы в Figma

Проверено по программе

Курсы на этой странице

10 программ. Первые три — редакционный старт для сравнения, а не абсолютный рейтинг.
1

Яндекс Практикум

Курс «Веб-дизайнер»

Figma встроена в весь маршрут: от прототипа и визуальной иерархии до компонентов, Auto Layout и мобильной версии. Спринты удобны тем, кому нужна регулярная проверка, а не папка с видео «когда-нибудь посмотрю».

Почему здесь

Итогом должен стать адаптивный веб-проект с аккуратным исходником и защитой решений.

Смотреть курс
2

Skillbox

Профессия Веб-дизайнер + ИИ

Основная работа идёт в Figma: сетки, компоненты и адаптивные макеты. ИИ используется для черновиков и поиска идей, но исходник всё равно придётся собирать руками и объяснять, где ваше решение, а где генерация.

Почему здесь

Подходит для длинного старта в профессии; до оплаты уточните число самостоятельных веб-проектов и глубину ревью Figma-файла.

Смотреть курс
3

Нетология

Веб-дизайнер

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

Почему здесь

Проверьте, сколько проектов студент делает сам и получает ли отдельные комментарии по мобильной версии и порядку в слоях.

Смотреть курс

ProductStar

Веб-дизайн в Figma

Узкая программа про макет сайта: wireframe, сетка, повторяемые блоки, desktop и mobile. Здесь Figma не размазана по длинной профессии — студент собирает конкретный лендинг и готовит его к вёрстке.

Почему здесь

Полезно заранее узнать, проверяет ли наставник компоненты и адаптив или смотрит только на финальную картинку.

Смотреть курс

ProductStar

Основы Figma

Короткий вход в редактор: фреймы, слои, Auto Layout, простые компоненты и связи между экранами. Это скорее инструментальная база, чем профессия веб-дизайнера, поэтому ждать готовое портфолио после одного месяца не стоит.

Почему здесь

Подойдёт, если дизайн-база уже есть или вы хотите сначала проверить, не бесит ли вас ежедневная работа в Figma.

Смотреть курс

ProductStar

Проектирование и создание дизайн-систем в Figma

Продвинутый маршрут про токены, варианты компонентов, библиотеку и документацию. Новичку рановато; курс полезнее тем, кто уже собирал интерфейсы и хочет перестать копировать одни и те же элементы вручную.

Почему здесь

Веб-дизайну он даёт системность: повторяемые состояния, единые правила и понятную передачу большой библиотеки команде.

Смотреть курс

НАРХИ

Дизайнер интерфейсов в Figma

Фреймы и Auto Layout здесь связаны с UX-сценарием, состояниями и кликабельным прототипом. Курс ближе к интерфейсам, чем к рекламным лендингам, зато хорошо показывает, зачем компонентам варианты и порядок.

Почему здесь

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

Смотреть курс

Бруноям

Веб-дизайнер с нуля

Студент ведёт один веб-проект от wireframe до адаптивных экранов в Figma. Сильная сторона такого формата — видно весь путь; слабая проявится, если ревью ограничится общим «красиво/некрасиво».

Почему здесь

Попросите пример проверки исходника: важны сетка, компоненты и мобильный макет, а не только обложка кейса.

Смотреть курс

Contented

Профессия веб-дизайнер

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

Почему здесь

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

Смотреть курс

Pentaschool

Профессия веб-дизайнер

Внутри есть Figma, компоненты, интерактивный прототип и адаптивные макеты. Курс стоит брать ради полного дипломного проекта; если нужен быстрый апгрейд Auto Layout, длинная профессия будет слишком тяжёлой.

Почему здесь

Перед оплатой сравните не число уроков, а объём личного проекта и требования к подготовке файла для вёрстки.

Смотреть курс

Сузить подборку

на Tilda UX/UI с нуля для начинающих по дизайну лендингов по дизайну мобильных приложений по дизайн-системам для фриланса с портфолио без программирования

Что входит в хорошие программы

Хорошая программа по этой теме не прячется за общими словами. Ориентир по содержанию: Figma, FigJam, библиотеки компонентов. Ещё полезно проверить, есть ли разбор ошибок и живая обратная связь, а не только доступ к урокам в записи.

Как проверить практику

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

Цена, нагрузка и формат

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

Финальная проверка перед записью

На последнем шаге имеет смысл проверить всё на стороне школы: программу, преподавателей, примеры заданий, формат связи и условия возврата. Если дают демонстрационный урок, не пропускайте его. Такие мелочи хорошо отсекают слабые варианты ещё до покупки.

10 курсов по веб-дизайну в Figma
KGAM.Blog