Дизайн система в Figma (часть 4: создание UI-кита для интернет-магазина)

🔥 Дарю бесплатный Практикум «Как с нуля прокачаться до Middle+ в UI/UX дизайне»
1. Подписывайся на меня в Instagram @im.poliakov
2. Пиши в директ «Урок»
3. Я вышлю тебе Практикум 🔥

______________________________________________________

Рассказываю о том, как создать UI-кит в дизайн-системе в Figma для интернет-магазина. На основе прототипа сайта создаем дизайн компонентов и собираем UI-kit. Разбираем, как правильно устанавливать констрейнсы для адаптивности компонентов. Создаем сложные компоненты состоящие из нескольких компонентов.

📍 Навигация:
00:00 Вступление
00:30 Дизайн кнопок
01:35 Кнопки навигации баннера
02:42 Блок «Преимущества»
05:20 Карточки товара
12:00 Доработка состояний компонентов
13:24 Дизан инпутов
14:43 Итог проделанной работы
15:47 Завершение

★Другие части видео про дизайн-систему★

Дизайн система в Figma (часть 3: UI-kit, подготовка): https://cutt.ly/ogEcCcI
Дизайн система в Figma (часть 2: сетка, тени и иконки): https://cutt.ly/agjAOZo
Дизайн система в Figma (часть 1: цвета и типографика):
https://cutt.ly/RgjAAG6

#дизайнсистема #figma #uikit

Видео Дизайн система в Figma (часть 4: создание UI-кита для интернет-магазина) канала Алексей Поляков