Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Веб дизайн в Figma - с нуля до результата, основы UX/UI

via Udemy

Overview

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

What you'll learn:
  • Вы научитесь создавать современные макеты сайтов и приложений в Figma
  • Полностью изучите все инструменты Figma для создания дизайна
  • Научитесь использовать нейросети в дизайне
  • Изучите Figma Jam для генерации идей в команде
  • Изучите Figma Make для генерации сайтов с помощью нейросети прямо в Figma
  • Изучите Figma Site для создания современного сайта без кода прямо в Figma
  • Изучите Figma Presentation для создания красивых презентаций в Figma
  • Вы узнаете, как ускорить вашу работу в Figma
  • Научитесь прототипировать макеты и создавать кликабельные интерфейсы
  • Освоите создание дизайн-систем и работу с компонентами для ускорения процессов
  • Вы узнаете, что такое адаптивный дизайн
  • Вы научитесь адаптировать макеты под любое мобильное устройство
  • Вы научитесь подбирать правильные цвета для ваших сайтов
  • Вы научитесь подбирать правильные шрифты для ваших сайтов
  • Вы научитесь сочетать элементы на веб-страницах
  • Вы научитесь работать с изображениями в Figma
  • Вы научитесь создавать каркасы (wireframes) и превращать их в полноценные интерфейсы
  • Вы разберётесь, чем занимается UX/UI-дизайнер, и поймёте, подходит ли вам эта профессия
  • Вы поймёте, как договариваться с вашим будущим заказчиком
  • Вы узнаете, как составлять бриф с заказчиком на фрилансе

Этот курс полностью обновлён и переработан под интерфейс Figma 2025 года и все её последние функции. Это уже третья, улучшенная версия курса-бестселлера.


«Веб-дизайн в Figma — с нуля до результата. Основы UX/UI» стал лучше, больше, современнее и теперь включает все новейшие возможности Figma.


Добавлены уроки по работе с внешними нейросетями, а также с нейросетями, встроенными в саму Figma.


Курс для абсолютных новичков

Мы начнём с самых основ и шаг за шагом пройдём путь — от установки программы Figma до создания стильных, современных, адаптивных макетов для сайтов на планшеты, смартфоны и десктоп.


Дизайн с нейросетями

Вы научитесь использовать нейросети в дизайне — как внешние, так и встроенные прямо в Figma.

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


Макеты любой сложности

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


Цвет станет понятным и увлекательным

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


Фишки дизайна, которые делают результат вау

Изучим приёмы работы с изображениями: экстремальную и мягкую обрезку, контрастность, композицию.

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


Работа со шрифтами — просто и красиво

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


UX/UI без страха

Хотя курс ориентирован на User Interface-дизайн, вы познакомитесь и с UX — основами пользовательского опыта, логикой построения интерфейсов и проектированием.


Практика в каждом уроке

Мы будем делать два больших и красивых проекта для портфолио.

Каждый урок — это шаг вперёд, без лишней теории и болтовни.


Адаптив, анимация, интерактив

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


Общение с заказчиком и развитие в профессии

Поговорим о работе с клиентом, как составлять бриф, где брать вдохновение, как найти идеи и развивать собственный стиль.


Бонус: Блок по Photoshop

Никуда без обработки изображений! В бонус-блоке вы получите базовые навыки работы в Photoshop, чтобы сделать ваш дизайн по-настоящему уникальным.


Поддержка

Автор курса ежедневно отвечает на ваши вопросы в комментариях к урокам.


До встречи на уроках!

Syllabus

  • Введение
  • Основы Figma
  • Работа с цветом
  • Работа с изображениями
  • Основы AutoLayOut
  • Продвинутая работа с фигурами
  • Отступы в веб дизайне
  • Эффекты и стили
  • Маски и плагины
  • Работа со шрифтами
  • Подготовка к новому проекту
  • Дизайн система
  • Компоненты и варианты в figma
  • Углублённая работа с AutoLayOut
  • Адаптивный дизайн
  • Ускорение работы
  • Прототипирование
  • Платная или Бесплатная Figma?
  • Экспорт
  • AI & Buzz & Sites & Slides
  • Бонус! Работа в Photoshop
  • Что дальше?

Taught by

Dmitrii Fokeev

Reviews

4.8 rating at Udemy based on 3084 ratings

Start your review of Веб дизайн в Figma - с нуля до результата, основы UX/UI

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.