Дизайн система списков. Самый сложный компонент в 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
248
84
4 weeks ago 00:21:12 1
Авто для ЛЮБОЙ дороги. Сделано в Красноярске!
4 weeks ago 00:00:00 1
. 2 HEART OF CHERNOBYL➤ИДУ СВОЕЙ ДОРОГОЙ➤СТАЛКЕР 2➤ПРОХОЖДЕНИЕ➤Часть 4🎮
1 month ago 00:01:58 2
Рабочая лошадка: снегоход IRBIS TUNGUS 500L 2024
2 months ago 00:13:16 1
Виды эмоциональных волн. дизайн человека. Эмоциональный авторитет.
2 months ago 00:03:40 1
Полёт на воздушном шаре в парке Солохаул
2 months ago 00:58:39 6
[S02E13] Проектирование системы автозаполнения поисковых запросов | BookClub DOTNET
2 months ago 00:28:22 1
Франшиза сети кофеен “ЗДРАСТЕ“! Мы В ДЕЛЕ! Интервью с владельцами.
2 months ago 00:01:54 1
Обзор вызывной панели «Vega» для домофона все о функциях
2 months ago 00:17:04 1
Как собрать игровой ПК с нуля | Гайд
2 months ago 00:01:47 1
Обзор 2 Мп IP-камеры BEWARD B2530RC: объектив на выбор и адаптивная ИК-подсветка, от -45 до+50°C
2 months ago 00:45:55 1
Роскошный GMC Sierra EV Denali Edition 1: обзор и тест-драйв электрического пикапа премиум-класса
2 months ago 00:14:56 1
Это ЛУЧШИЙ автомобиль Nissan!
2 months ago 00:35:32 2
Электромотоцикл Dimen DP-03 ⚡️ Обзор самого нафаршированного электробайка
2 months ago 00:56:32 1
Задача трёх тел: научный разбор | Ученые против мифов 21-11 | Борис Штерн
2 months ago 01:08:27 1
Круиз на 7 ночей | Подробный обзор самого большого лайнера в мире - Icon of the Seas
2 months ago 00:36:39 1
Расовая сегрегация и законы Джима Кроу в США
2 months ago 00:11:00 1
Фионова Л.К. - Вычисти мусор в мозгах, хлеб есть нельзя
2 months ago 00:10:43 1
Гениальность полета | Чудо творения
2 months ago 00:02:58 1
БЕЛАЗ 75710: Самый Большой в Мире Самосвал с Грузоподъемностью 450 т
2 months ago 00:18:19 2
Назад в СССР и самые мощные ламповые усилители, супер АС от Алекс Аудио! Hi-Fi Hi-End Show 2024
2 months ago 00:20:55 1
РЕМОНТ В СТАРОМ ФОНДЕ ПИТЕРА | Квартира для семьи с детьми, дизайн интерьера в современном стиле
2 months ago 00:22:05 1
Дизайн сайта в Figma | Дизайн-система, компоненты, auto layout #1
2 months ago 00:04:21 1
Город Домодедово улица Каширское шоссе дом 51. Продается 1-ком.квартира. Площадь 43,4м.