Дизайн система списков. Самый сложный компонент в Figma.
Создание универсального компонента списка для дизайн систем с применением всех возможных параметров компонентов в Figma. Применение всех четырёх параметров: Variant, Boolean, Instance swap, Text, позволит сделать компонент максимально удобным в использовании для экономии времени при дизайне интерфейса.
#figma #дизайн #ux #ui
Файл Figma из видео -
00:00 Компонент списка
00:40 Базовый компонент - List item
12:27 Параметр Variants - Leading, Trailing / Элементы списка
25:13 Параметр Boolean - Subtitle / Отображение подзаголовка
28:10 Параметр Text - Title, subtitle / Ввод текста
31:14 Параметр Instance swap - Divider / Размер разделителя
39:52 Параметр Boolean - Divider / Отображение разделителя
42:33 Параметр Variants - Оставшиеся возможные варианты Leading, Trailing
48:26 Variants - States / Состояния
49:43 Удобный порядок параметров
51:19 Лайфхак для больших компонентов
52:31 Заключение
Похожие ви
1 view
203
65
7 months ago 01:25:52 1
Почему появился проект Bloomwards Academy. Встреча ко-фаундеров. Смыслы и цели.
7 months ago 00:00:56 1
Новые коллекции обоев весна/лето 2024
7 months ago 00:02:08 1
Фрагмент музыкальной работы для Московского планетария, фильм “Планеты Солнечной системы“
7 months ago 00:03:35 1
Фрагменты полнокупольного фильма киностудии Московского планетария “Планеты Солнечной системы“
7 months ago 00:01:17 1
Трейлер фильма “Планеты Солнечной системы“ киностудии Московского Планетария.
7 months ago 00:11:43 1
Как Солнечная система движется по галактике?
7 months ago 01:01:59 1
Касты. Запретная тема Индии | ФАЙБ
7 months ago 00:49:56 1
Древний Аспид - Воплощение кошмаров Игроков / Жёсткие боссы - Ancient Aspid / Hollow Knight моды
7 months ago 00:10:33 1
Vetvlog#13 Проводим мастер-класс по УЗИ легких телятам!
7 months ago 00:02:32 1
Эксперт: Кривой угол (7 красных линий)
7 months ago 00:02:09 1
САМЫЙ БЫСТРЫЙ АВТОВЕЗДЕХОД В МИРЕ. Автовездеход Горный.
7 months ago 00:12:21 1
Как организовать работу дизайн студии для системного роста
7 months ago 00:01:18 1
ТЭМ23
7 months ago 01:26:02 1
Шумский. Демократичный AI. Фейки и люди. Нейросеть и интуиция. Цифровое бессмертие. Любовь с роботом
7 months ago 00:18:51 1
Продающий сайт услуги. Идеальный пример под SEO. Структура, фишки. [Ремонт двигателей]
7 months ago 01:26:04 1
История цвета в европейской культуре. Презентация серии книг Мишеля Пастуро [Шанинка х НЛО]
7 months ago 00:39:23 1
Обзор на новую Toyota Land Cruiser 2024
7 months ago 00:01:43 1
Срочная продажа квартиры на наб. канала Грибоедова, 23
7 months ago 00:43:21 1
Infinity the game академия. A2. Всё про приказы. Order Expenditure Sequence.
7 months ago 03:17:54 1
Demon’s Souls - Начало легенды | Хайвуха
7 months ago 01:05:21 1
Евгений Волвянкин - Брекеты VS Элайнеры | Как отследить результат? | Тверкодонтия | Мьюинг |
7 months ago 00:14:28 1
120 тысяч фунтов за Defender V8, почему же он так популярен?
7 months ago 00:32:40 1
Обзор дома 650 м2 в Сестрорецке, с плоской кровлей, бассейном и большим панорамным остеклением
7 months ago 00:05:09 1
Как тратить меньше времени на поединки. Подземелья и Драконы. (По Ту Сторону Страниц)