Дизайн система полей ввода. Все нужные состояния компонента в Figma.
Создание компонента поля ввода, или по другому Text field, для дизайн систем во всех возможных состояниях для любого сценария в Figma. Создание всех состояний: по умолчанию, при наведении, во время ввода, с ошибкой или недоступным для ввода, позволит учитывать все возможные сценарии и быстро использовать нужный вариант компонента в дизайне интерфейса.
#figma #дизайн #ux #ui
Файл Figma из видео –
Как настроить компонент по своему –
00:00 Компонент поля ввода
00:22 Структура компонента
16:15 По умолчанию
18:00 При наведении
19:11 При вводе
21:30 С ошибкой
23:23 Недоступен для ввода
25:13 Другие случаи
27:24 Outlined стиль
37:40 Сравнение Filled и Outlined стилей
38:46 Пример использования компонента
40:26 Другие варианты
44:00 Заключение
Похожие видео:
Дизайн система списков –
Дизайн система кнопок –
Дизайн система нейтральных цветов –
Базовая дизайн система –
1 view
144
31
2 weeks ago 00:21:12 1
Авто для ЛЮБОЙ дороги. Сделано в Красноярске!
3 weeks ago 00:00:00 1
. 2 HEART OF CHERNOBYL➤ИДУ СВОЕЙ ДОРОГОЙ➤СТАЛКЕР 2➤ПРОХОЖДЕНИЕ➤Часть 4🎮
3 weeks ago 00:01:58 2
Рабочая лошадка: снегоход IRBIS TUNGUS 500L 2024
1 month ago 00:13:16 1
Виды эмоциональных волн. дизайн человека. Эмоциональный авторитет.
1 month ago 00:03:40 1
Полёт на воздушном шаре в парке Солохаул
1 month ago 00:58:39 6
[S02E13] Проектирование системы автозаполнения поисковых запросов | BookClub DOTNET
1 month ago 00:28:22 1
Франшиза сети кофеен “ЗДРАСТЕ“! Мы В ДЕЛЕ! Интервью с владельцами.
1 month ago 00:01:54 1
Обзор вызывной панели «Vega» для домофона все о функциях
1 month ago 00:17:04 1
Как собрать игровой ПК с нуля | Гайд
1 month ago 00:01:47 1
Обзор 2 Мп IP-камеры BEWARD B2530RC: объектив на выбор и адаптивная ИК-подсветка, от -45 до+50°C
1 month ago 00:45:55 1
Роскошный GMC Sierra EV Denali Edition 1: обзор и тест-драйв электрического пикапа премиум-класса
1 month ago 00:14:56 1
Это ЛУЧШИЙ автомобиль Nissan!
1 month ago 00:35:32 2
Электромотоцикл Dimen DP-03 ⚡️ Обзор самого нафаршированного электробайка
1 month ago 00:56:32 1
Задача трёх тел: научный разбор | Ученые против мифов 21-11 | Борис Штерн
1 month ago 01:08:27 1
Круиз на 7 ночей | Подробный обзор самого большого лайнера в мире - Icon of the Seas
1 month ago 00:36:39 1
Расовая сегрегация и законы Джима Кроу в США
1 month ago 00:11:00 1
Фионова Л.К. - Вычисти мусор в мозгах, хлеб есть нельзя
1 month 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м.