Figma для новичков: как сделать карточку товара как в Ozon | Урок UX/UI дизайна

Урок по фигме. Делаем UI-дизайн карточки товара в Figma. Показываю процесс работы с инструментами, фреймами и авто лейаутами в Фигме. Пригодится, если строишь UX/UI карьеру и хочешь освоить Figma на практике. Что делаю по шагам: — планирую структуру карточки товара и её элементы — строю user flow и сценарий взаимодействия пользователя с карточкой — собираю адаптивную вёрстку через Auto Layout — выстраиваю визуальную иерархию: цена, фото, кнопки, бейджи В результате — рабочий макет карточки товара и понимание, как переносить UX-принципы в реальную Figma-вёрстку. Подходит начинающим дизайнерам и студентам, которые хотят быстро освоить Figma на практике. Тайм-коды: 00:00 — вступление и задача урока 00:33 — описание интерфейса Figma 03:38 — UI карточек Озон 05:15 — Рисуем фрейм 07:07 — Рисуем кнопку 19:17 — Правильные скругления 21:43 — Рисуем текстовый контент 37:39 — Создаем Auto Layout 39:40 — Контейнер для фото 41:10 — Пагинатор галереи 43:20 — Переполнение строки текстом 46:43 — Авто лейаут всей карточки 49:37 — Резиновая адаптивная верстка Если урок был полезен — ставь лайк и подписывайся, дальше разберём более сложные кейсы вёрстки в Figma. Пиши в комментариях, какой интерфейс собрать в следующем уроке. ━━━━━━━━━━━━━━━━━━━━━━━ 🧑💻 Я — СЕРГЕЙ БУЛАТОВ. UX/UI и продуктовый дизайнер. Помогаю дизайнерам начать работать с AI без страха и без хайпа. Обучаю дизайнеров и команды. Сайт: https://sergeybulatov.ru Telegram: https://t.me/pravkisdelal Instagram: https://www.instagram.com/govoritdesigner По вопросам сотрудничества и обучения — пишите в Телеграм или Инстаграм ━━━━━━━━━━━━━━━━━━━━━━━ 🎓 ОБУЧЕНИЕ ДЛЯ КОМАНД Провожу воркшопы и лекции для дизайн-команд: — Как внедрить AI в рабочий процесс дизайнера — Figma + нейросети: практические кейсы — Vibecoding для продуктовых команд Запрос → https://t.me/pravkisdelal ━━━━━━━━━━━━━━━━━━━━━━━ 📂 ПЛЕЙЛИСТЫ https://www.youtube.com/playlist?list=PLjrRpMkgG7dCetct9Q4-Wm1wYcwGrbepQ https://www.youtube.com/playlist?list=PLjrRpMkgG7dA4YYaSlnOBH1ZQTwOoIfCV https://www.youtube.com/playlist?list=PLjrRpMkgG7dBEfAh5ksYkwkgdoL17tx4h https://www.youtube.com/playlist?list=PLjrRpMkgG7dAaA2EaFMZeaeGmIAY8q-Zq https://www.youtube.com/playlist?list=PLjrRpMkgG7dAHLBVNZLogI8Hvt8F-WWP6 https://www.youtube.com/playlist?list=PLjrRpMkgG7dA619p8W3J_yhH79S-LHWNJ #figma #uxui #продуктовыйдизайн #uxuiкарьера #autolayout #дизайнинтерфейсов #фигмадляновичков