2.1 Поля ввода Auto Layout/Variants в Figma (Фигма). Разработка StyleGuide/UI-Kit для веб-дизайна

Видео, для тех кто хочет разработать систему полей ввода в разных состояниях. Делаю Поля ввода Auto Layout/Variants в Figma (Фигма). Разработка StyleGuide/UI-Kit для веб-дизайна

👉 Смотрите видео до конца, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔

Добавляйтесь в друзья:

Вступайте в сообщества:

Мои работы:

#figma #webdesign #uxui #uikit

[marymoroz]

Спасибо вам Валерия, я учусь 4 месяц дизайну в онлайн школе, для выполнения проекта встала в тупик с компонентами и решила закрыть этот пробел базой, нашла ваши видео. Практиковалась по видео с тогглами, чекбоксами и радиобаттонами, освоила, и это тоже, дальше ждут остальные. Горизонт понимания расширился, а компоненты стали лучше и профессиональнее. Пояснения подробные, были тупиковые моменты, но пересмотрев пару раз находишь что не правильно сделала, а фишка с иконкой без абсолют позишн вообще круть, хоть сейчас это не особо и пригодится, но теперь знаю как без этого обойтись!) Времени трачу по 3 часа на видео, но это того стоит. Благодарность от страдающего начинающего дизайнера)

[arinaarina]

Большое спасибо за объяснения! Очень приятный голос и все понятно и доступно.

[kat_bro]

ОГРОМНОЕ СПАСИБО ЗА ВАШИ ВИДЕО! не побоюсь написать капсом. Мне надо после декрета выходить на работу, а за год Фигма стремительно изменила всю логику и добавила кучу новых фич, как все это наверстать не представляю возможности. А тут ваши бесценные видео!!! Спасибо вам огромное, что создаете такой контент! Это очень помогает как начинающим, так и профессиональным дизайнерам(бывшие в декрете) вернутся в строй!!! Подписываюсь и ставлю лайки под каждым видео!!!
🔥❤️☺️🙌👍

[oleksandra]

Спасибо вам за такой материал, очень лаконично и понятно с вами одновременно прорабатывать, мне очень не хватало этого!

[ЮличкаДиянова]

Валерия, возвращаюсь к пересмотрю твоих видео для улучшения работы с авто лэйатсами и вариантами. Если до этого (пока на практике на сталкивалась), было нелегко повторить всё как следует, теперь же это делала намного легче и с понимаем для чего и как!! Спасибо тебе огромнейшее🤗🤗 Очень рада, что могу восстанавливать пробелы🤩🤩

[olyaodessa]

Большое спасибо за полезное видео! очень нравится подача материала - на одном дыхании просмотрела.

[stasyafatueva]

Добрый день! Спасибо за урок. Только мне кажется, было бы удобнее создать атом Atom/Text+Cursor и выбирать сразу нужный вариант, а не вручную заменять копирование и вставлением. Поправьте меня, если я заблуждаюсь

[ОлегСафонов-ьу]

С самого начала буквально теряешься в повторении, потому что просто пропускаются какие то мелкие детали типа разгруппировать варианты и тому подобное

[АркадийМатвеев-го]

Очень тяжело для восприятия, особенно новичку. На получасовое видео я потратил больше 4-х часов что-бы сделать также несмотря на то что ставил паузу на видео через каждые 5 секунд, необходимо больше разьяснений зачем и куда нажимается. Вообщем нервов потрачено непомерное количество. Спасибо конечно за познавательный контент, но это было самое тяжелое и недоступное обучающее видео в моей жизни.

[АннаЧурсина-лн]

Валерия, подскажите, а можно ли сделать так, чтобы, при вводе длинной строки в поле текста, она переносилась на следующую строку, а не выходила за пределы текстового поля?

[OSSlavik]

Добрый день.
Вы сделали размер поля ввода 256px.
Читал про оптимальную длину поля ввода, сделали тесты оказалось что среднее значение вводимых знаков 18-33шт.
Длина 256 с этим связана или еще с чем то?
И как используете поля ввода если заранее известно что значение будет меньше например время, дата и тд... делаете их по размеру вводимых знаков или стандартные 256px?
Спасибо

[yuliadermer]

Добрый день, заметила, что в Ui-Kit есть небольшой косяк у Fields. Исправить это не сложно, но некоторые не сразу смогут разобраться. Проверьте, пожалуйста, Stroke у Area Text и Area Text + Title в состоянии Hover и Focused. Возможно какой-то баг, но на всякий случай лучше проверить исходник.

[АннаЧурсина-лн]

Правильно я понимаю, что вместо манипуляций выравнивания с иконкой изменения размера (H=0, 0001) можно использовать абсолютное позиционирование объекта (Absolute position)? Это кнопка в разделе Frame со знаком + посередине.

[КИРФ]

Отличное видео, много информации, новичкам нужно будет несколько раз пересмотреть))) Подучи английский, много разных слов говоришь не правильно. Например fields будет филдс, а не файлдс.

[alexeysap]

хорошо бы вначале видео показывать готовые элементы, а то зритель может потрать время на просмотр и в итоге получить не тот результат

[VasterLordUlquiorra]

Немогу понять почему при контр+д. у меня не остаетсья копия в нутри а вылезает на страницу и хрен его запихнешь. Так же при копировани он не идет сам отдельно а просто наслаиваться нужно ташит ьруками.

[mrgrtl]

В состоянии focused при переходе текста на следующую строчку курсор остается на уровне первой, как это можно исправить?

[krissisem]

у меня курсор и текст даже после autoleyaut не становятся рядом, почему?

[maksympl]

Как ты сделала его полем ввода? Ничего не понятно... Атом емае

[andriydovhyy]

Привет! Всё круто, скажи как ты создала булет через option 8, так как при нажатии он создаётся только один! спс за ранее!