Stepik Веб-дизайн в Figma: ключ к успеху. С нуля
О курсе
Подробнее
Тарифы:
🔥 Полностью обновлённый курс в самой последненй версии Figma
На этом курсе вы научитесь работать в самом главном приложении для веб-дизайнеров - Figma. Вам предстоит изучить все тонкости: начиная от фреймов, заканчивая Autolayout и компонентами. Вы не просто изучите теорию, а реализуете несколько полноценных кейсов для вашего портфолио веб-дизайнера!
На курсе вы не просто изучите инструменты — вы создадите с нуля:
Интерфейс CRM системы: с нуля и до публикации кейса на Dprofile.
Сайт для сдачи в аренду спецтехники: начиная от создания дизайн-системы, заканчивая адаптацией под мобильные устройства.
Привлекательный кейс для публикации на Dprofile.
Сайт-портфолио на Tilda, где разместите ваш проект.
🚀 Готовы начать свой путь в веб-дизайне? Освойте Figma и создайте свой первый профессиональный проект!
Подписывайтесь на наш Telegram-канал 👉 t.me/skilltor
Будьте в курсе новостей курса, получайте бесплатные уроки и советы по Figma и дизайну!
Советуем приобрести этот курс сразу в комплекте с Продвинутым курсом по Figma и Дизайнер сайтов на Tilda. С нуля до PRO. По выгодной акции 3 курса по цене 2: Профессия веб-дизайнер: расширенная программа из 3 курсов
Требования
Что нужно для старта
- Компьютер или ноутбук и главное - желание учиться
Результат
Что вы получите
- Создавать дизайны веб-сайтов
- Анализировать цели и задачи проекта
- Работать с цветом, шрифтами и изображениями
- Проектировать сложные интерфейсы
- Разрабатывать CRM системы
- Работать с фотографией в веб-среде
- Оформлять кейсы для Dprofile
- Создавать сайты-портфолио в Tilda
Навыки
Чему вы научитесь
- Полностью обновленный курс! Этот курс ключ к успеху в понимании и использовании всех инструментов и возможностей Figmа и веб-дизайна. Пока другие хвастаются, наши ученики создают продающие сайты и зарабатывают на этом!
Аудитория
Для кого этот курс
- Этот курс подойдёт начинающим дизайнерам и даже ни разу не открывавшим Figma.
Содержание
11 занятийПрограмма курса
№ТемаЧто внутри
01Знакомство
- Информация о курсе
- Как проходить курс
- Установка Figma
02Базовый модуль по Figma
- Создание первого проекта
- Учимся работать со шрифтами
- Изучаем направляющие и Grid сетки
- Учимся работать с цветами и градиентами
03Профильный модуль по Figma
- Учимся работать с Autolayout
- Разбираемся что такое компоненты и для чего они нужны
- Учимся работать со стилями
- Знакомимся с эффектами
04Создаём лендинг для аренды спецтехники
- Создаём UI KIT: стили для текста
- Создаём UI KIT: стили для цветов
- Создаём UI KIT: создаём кнопки
- Создаём UI KIT: создаём поля ввода
- Создаём первый экран ч. 1
- Создаём первый экран ч. 2
- Создаём каталог спецтехники ч. 1
- Создаём каталог спецтехники ч. 2
- Создаём форму обратной связи
- Создаём блок с контактами
- Создаём подвал сайта
- Адаптируем сайт под мобильные устройства ч. 1
- Адаптируем сайт под мобильные устройства ч. 2
05Правила создания композиции
- Что такое F-паттерн
- Что такое Z-паттерн
06UX-дизайн
- Визуальная коммуникация
- Портрет аудитории и мудборд
- Пользовательские сценарии и паттерны их использования
- Юзабилити
- Гипотезы
07Итоговая работа UX-дизайн
- Итоговая работа
08Создаём дизайн интерфейса CRM системы
- Создаём блок навигации ч. 1
- Создаём блок навигации ч. 2
- Создаём информационные блоки
- Создаём блок "Последние заказы"
- Создаём блок "Постоянные клиенты"
- Создаём страницу с задачами ч. 1
- Создаём страницу с задачами ч. 2
- Создаём страницу с задачами ч. 3
- Создаём кнопку добавления новой задачи
- Создаём страницу с заказами
- Создаём страницу с добавлением нового заказа ч. 1
- Создаём страницу с добавлением нового заказа ч. 2
- Создаём страницу с добавлением нового заказа ч. 3
- Создаём страницу с клиентами
- Создаём кнопку добавления нового клиента
- Создаём страницу с отчётами
- Создаём страницу с настройками
09Создаём кейс для Dproifle
- Создаём кейс в Figma ч. 1
- Создаём кейс в Figma ч. 2
- Публикуем кейс на Dprofile
10Создаём сайт-портфолио на Tilda
- Создаём главный экран
- Создаём блок с портфолио
- Создаём блок с контактами и публикуем сайт
11Финал
- Получение сертификата
01Знакомство
- Информация о курсе
- Как проходить курс
- Установка Figma
02Базовый модуль по Figma
- Создание первого проекта
- Учимся работать со шрифтами
- Изучаем направляющие и Grid сетки
- Учимся работать с цветами и градиентами
03Профильный модуль по Figma
- Учимся работать с Autolayout
- Разбираемся что такое компоненты и для чего они нужны
- Учимся работать со стилями
- Знакомимся с эффектами
04Создаём лендинг для аренды спецтехники
- Создаём UI KIT: стили для текста
- Создаём UI KIT: стили для цветов
- Создаём UI KIT: создаём кнопки
- Создаём UI KIT: создаём поля ввода
- Создаём первый экран ч. 1
- Создаём первый экран ч. 2
- Создаём каталог спецтехники ч. 1
- Создаём каталог спецтехники ч. 2
- Создаём форму обратной связи
- Создаём блок с контактами
- Создаём подвал сайта
- Адаптируем сайт под мобильные устройства ч. 1
- Адаптируем сайт под мобильные устройства ч. 2
05Правила создания композиции
- Что такое F-паттерн
- Что такое Z-паттерн
06UX-дизайн
- Визуальная коммуникация
- Портрет аудитории и мудборд
- Пользовательские сценарии и паттерны их использования
- Юзабилити
- Гипотезы
07Итоговая работа UX-дизайн
- Итоговая работа
08Создаём дизайн интерфейса CRM системы
- Создаём блок навигации ч. 1
- Создаём блок навигации ч. 2
- Создаём информационные блоки
- Создаём блок "Последние заказы"
- Создаём блок "Постоянные клиенты"
- Создаём страницу с задачами ч. 1
- Создаём страницу с задачами ч. 2
- Создаём страницу с задачами ч. 3
- Создаём кнопку добавления новой задачи
- Создаём страницу с заказами
- Создаём страницу с добавлением нового заказа ч. 1
- Создаём страницу с добавлением нового заказа ч. 2
- Создаём страницу с добавлением нового заказа ч. 3
- Создаём страницу с клиентами
- Создаём кнопку добавления нового клиента
- Создаём страницу с отчётами
- Создаём страницу с настройками
09Создаём кейс для Dproifle
- Создаём кейс в Figma ч. 1
- Создаём кейс в Figma ч. 2
- Публикуем кейс на Dprofile
10Создаём сайт-портфолио на Tilda
- Создаём главный экран
- Создаём блок с портфолио
- Создаём блок с контактами и публикуем сайт
11Финал
- Получение сертификата
Документ после выпуска
Stepik
Организатор
Автор курса
Мнения учеников
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «Веб-дизайн в Figma: ключ к успеху. С нуля» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Информация обновлена 10 августа 2026 г.
Продолжить выбор
Похожие курсы
Начать без затрат
