Дизайн система полей ввода. Все нужные состояния компонента в 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
119
24
2 months ago 01:25:52 1
Почему появился проект Bloomwards Academy. Встреча ко-фаундеров. Смыслы и цели.
2 months ago 00:00:56 1
Новые коллекции обоев весна/лето 2024
2 months ago 00:02:08 1
Фрагмент музыкальной работы для Московского планетария, фильм “Планеты Солнечной системы“
2 months ago 00:03:35 1
Фрагменты полнокупольного фильма киностудии Московского планетария “Планеты Солнечной системы“
2 months ago 00:01:17 1
Трейлер фильма “Планеты Солнечной системы“ киностудии Московского Планетария.
2 months ago 00:11:43 1
Как Солнечная система движется по галактике?
2 months ago 01:01:59 1
Касты. Запретная тема Индии | ФАЙБ
2 months ago 00:49:56 1
Древний Аспид - Воплощение кошмаров Игроков / Жёсткие боссы - Ancient Aspid / Hollow Knight моды
2 months ago 00:10:33 1
Vetvlog#13 Проводим мастер-класс по УЗИ легких телятам!
2 months ago 00:02:32 1
Эксперт: Кривой угол (7 красных линий)
2 months ago 00:02:09 1
САМЫЙ БЫСТРЫЙ АВТОВЕЗДЕХОД В МИРЕ. Автовездеход Горный.
2 months ago 00:12:21 1
Как организовать работу дизайн студии для системного роста
2 months ago 00:01:18 1
ТЭМ23
2 months ago 01:26:02 1
Шумский. Демократичный AI. Фейки и люди. Нейросеть и интуиция. Цифровое бессмертие. Любовь с роботом
2 months ago 00:18:51 1
Продающий сайт услуги. Идеальный пример под SEO. Структура, фишки. [Ремонт двигателей]
2 months ago 01:26:04 1
История цвета в европейской культуре. Презентация серии книг Мишеля Пастуро [Шанинка х НЛО]
2 months ago 00:39:23 1
Обзор на новую Toyota Land Cruiser 2024
2 months ago 00:01:43 1
Срочная продажа квартиры на наб. канала Грибоедова, 23
2 months ago 00:43:21 1
Infinity the game академия. A2. Всё про приказы. Order Expenditure Sequence.
2 months ago 03:17:54 1
Demon’s Souls - Начало легенды | Хайвуха
2 months ago 01:05:21 1
Евгений Волвянкин - Брекеты VS Элайнеры | Как отследить результат? | Тверкодонтия | Мьюинг |
2 months ago 00:14:28 1
120 тысяч фунтов за Defender V8, почему же он так популярен?
2 months ago 00:32:40 1
Обзор дома 650 м2 в Сестрорецке, с плоской кровлей, бассейном и большим панорамным остеклением
2 months ago 00:05:09 1
Как тратить меньше времени на поединки. Подземелья и Драконы. (По Ту Сторону Страниц)