Курс на Stepik
Обложка курса «Дизайн-системы без лишней теории: база для Junior → Middle» на Stepik
Бесплатно

Дизайн-системы без лишней теории: база для Junior → Middle ★ 5.000

Открыть на
STEPIK.ORG

Этот курс — про то, как навести порядок в макетах и начать работать системно, не погружаясь в сложные корпоративные подходы. Вы научитесь собирать базовую дизайн-систему в Figma, применять её в реальных проектах и поддерживать преемственность дизайна. Минимум теории, максимум практики. Подходит веб-дизайнерам и UX/UI дизайнерам уровня Junior → Middle.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Дизайн-системы без лишней теории: база для Junior → Middle»Учеников на курсе 276
Сертификаты, выданные на курсе «Дизайн-системы без лишней теории: база для Junior → Middle»Сертификатов выдано 0
Отзывы о курсе «Дизайн-системы без лишней теории: база для Junior → Middle»Отзывов получено 3
Рейтинг курса «Дизайн-системы без лишней теории: база для Junior → Middle»Рейтинг курса 5.000
Уроки в курсе «Дизайн-системы без лишней теории: база для Junior → Middle»Количество уроков 22
Время прохождения курса «Дизайн-системы без лишней теории: база для Junior → Middle»Время прохождения курса —
Обновления курса «Дизайн-системы без лишней теории: база для Junior → Middle»Обновления курса — —
Дата публикации курса «Дизайн-системы без лишней теории: база для Junior → Middle»Дата публикации курса — ———
Последнее обновление курса «Дизайн-системы без лишней теории: база для Junior → Middle»Последнее обновление — ———
Сложность normal — ———

Содержание курса

Разделы в курсе «Дизайн-системы без лишней теории: база для Junior → Middle» 7 разделов Уроки в курсе «Дизайн-системы без лишней теории: база для Junior → Middle» 22 урока Время прохождения курса «Дизайн-системы без лишней теории: база для Junior → Middle» 2 ч. Последнее обновление курса «Дизайн-системы без лишней теории: база для Junior → Middle» обн. 26 августа 2026

Модуль 1. Введение в дизайн-системы

1 урок
1. Введение в дизайн-системы ↗

Модуль 2. Структура и правила системы

5 уроков
1. Как правильно организовать Figma-файл ↗
2. Принципы преемственности в интерфейсах ↗
3. Задание на принятия решений ↗
4. Правила принятия дизайн-решений ↗
5. Задание на принятие дизайн-решений ↗

Модуль 3. Компоненты и UI-элементы

12 уроков
1. Типографика Как Система ↗
2. Типографика как система -- задание ↗
3. Цветовая палитра как система ↗
4. Цветовая палитра как система -- задание ↗
5. Кнопка ↗
6. Поле для ввода ↗
7. Чек-бокс и радио-кнопка + свойства компонентов ↗
8. Карточка акции ↗
9. Карточка отзыва ↗
10. Декоративные элементы ↗
11. Внутренние страницы ↗
12. Создание новых сценариев ↗

Модуль 4. Применение дизайн-системы

1 урок
1. Модуль 4. Применение дизайн-системы ↗

Модуль 5. Документация и поддержка

1 урок
1. Модуль 5. Документация и поддержка ↗

Завершение курса

1 урок
1. Завершение курса ↗

Подарок за отзыв

1 урок
1. Все тут :) ↗