Создать UI/UX - дизайн веб-приложения в Figma
Создать UI - дизайн веб-приложения в Figma.
Тема сайта: объявления по покупке/продаже спецтехники и запчастей.
Страницы: Главная, каталог объявлений, подробная страница продукта, блог, личный кабинет, админ панель.
Светлая и темная тема.
Примеры: auto.ru, av.by, exkavator.ru
1. Структура файла Figma
Страницы (Pages) – логическое разделение разделов приложения:
UI Kit (стили, компоненты)
Wireframes (Low-Fi прототипы)
Screens (готовые экраны)
Flow (пользовательские сценарии)
Assets (иконки, иллюстрации)
2.UI Kit (Дизайн-система)
Типографика – шрифты, размеры, межстрочные интервалы, стили текста (H1–H6, Body, Caption и т. д.)
Цветовая палитра – основные цвета (Primary, Secondary, Accent), фоны, статусы (Error, Success, Warning), градиенты
Кнопки – состояния (Default, Hover, Active, Disabled), размеры (Large, Medium, Small)
Формы – инпуты, чекбоксы, радиокнопки, селекты, валидация
Иконки – стандартные и кастомные иконки, их состояния
Компоненты – карточки, модальные окна, навигация (Header, Sidebar), таблицы, тултипы
Эффекты – тени (Shadows), прозрачность (Opacity), блюр (Blur)
3. Основные экраны приложения
Авторизация / Регистрация – формы входа, восстановление пароля
Главная страница – дашборд, основные блоки
Навигация – меню, хлебные крошки, табы
Списки и таблицы – фильтры, пагинация, сортировка
Детальные страницы – просмотр и редактирование данных
Модальные окна и попапы – подтверждение действий, уведомления
Адаптивность – варианты для Desktop, Tablet, Mobile.
Далее в файле.
Веб и мобильный дизайн