Качаем Автолейаут: как сделать редактируемый список через АЛ
#alexeybychkov #autolayout #figma
Вся правда про скучные маркированные списки в фигме! Как сделать редактируемый список текста через автолейаут
Карта канала - start.video
Файл со скриншотами для насмотренности: boosty.to/alexeybychkov/posts...
KZread - / @alexeybychkov_
ТикТок - / alexeybychkov_
Rutube - rutube.ru/channel/24298564/
Дзен - zen.yandex.ru/alexeybychkov
Инстаграм - / alexeybychkov_
Телеграм - t.me/a1exeybychkov
Вконтакте - alexeybychkov
Обучение - alexeybychkov.study/
Мои цитаты - zapi.si/
Мои 404 - www.404.gallery/
Хелп по Фигме - figma.help/
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
0:00 - о чем ролик
0:34 - генерируем тексты в Notion
1:16 - в чем беда стандартных списков Фигмы
3:02 - очень подробно настраиваем АЛ
10:18 - очень быстро настраиваем АЛ
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 38 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Подробнее обо мне - alexeybychkov.com/about/
17 лет опыта - alexeybychkov.com/experience/
Пишу - alexeybychkov.com/blog/
Дизайню - alexeybychkov.com/cases/
Отзывы - clck.ru/K5Mcc
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
Хелп по Фигме: уроки, видео, советы, фишки - figma.help
Мир фейсов: faces.world/
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
Пікірлер: 284
Признавайтесь, используете стандартные скучные списки или делаете нарядные? :)
@its_no_way
Жыл бұрын
После просмотра этого видео мало кто признается))
@user-fb5ze8lg9h
Жыл бұрын
после этого видоса делаем нарядные
@Alexandraizotova727
Жыл бұрын
Теперь только нарядные)
@vassiliminin4663
Жыл бұрын
самое интересное ,что вчера делал нарядный список, но по стариковски, без абсолюта, теперь буду по модному делать!
@polly.procenko
Жыл бұрын
Не делала списки через булеты,потому что они стремные были, теперь только нарядные 💅
Компоненты, автолейаут, филхуг! Вот три столпа на которых держится качественный веб-дизайн! Спасибо, очень полезно! И просто магически смотреть,когда все правильно работает!🎉
@alexeybychkov_
Жыл бұрын
Именно))
Булит наказали, в угол поставили 😂 Ваша подача информации, как отдельный вид искусства!
@alexeybychkov_
Жыл бұрын
рад, что нравится! 🎉
Классное видео, понравился вариант оформления через абсолютное позиционирование. Теперь только нарядные списки!)
@alexeybychkov_
Жыл бұрын
Спасибо за просмотр)
Ну теперь списки будут нарядными, спасибо за контент! 💥
@alexeybychkov_
Жыл бұрын
Спасибо за просмотр)
Если бы весь образовательный контент в интернете был таким, умных людей было бы больше)) спасибо, это офигенно
@alexeybychkov_
Жыл бұрын
❤️
@infinitelyeternal3366
10 ай бұрын
Не умных, а образованых)
@logodoctor
6 ай бұрын
Не было бы, те кому нужно сами инфу находят и смотрят такой канал, а те кому нужно в бошку заталкивать пусть дворы подметают, без обид дворникам, они тоже нужны.
Через абсолютное позиционирование, оказывается очень удобно, спасибо за контент !
@alexeybychkov_
Жыл бұрын
Да 💯
Люблю когда всё через одно место 😌
@alexeybychkov_
Жыл бұрын
да!
Спасибо большое ❤ Люблю когда одно и тоже разжевываешь, не чувствую себя такой тупой 😅 Фил хуг
@alexeybychkov_
Жыл бұрын
Фил Хуг)
@it5221
10 ай бұрын
@@alexeybychkov_ правильно хАг то есть объятия, объять элементы значит
@alexeybychkov_
10 ай бұрын
@@it5221 правильно контрол Си и контрол Ви, но так никто не говорит, поэтому конечно же фул хуг, ну какой еще хаг
Фил Хуг! Утро начинается не с кофе, а с просмотра нового ролика Алексея! Спасибо!😃😃
@alexeybychkov_
Жыл бұрын
Фил Хуг!
1:09 я бы глянул на такой сайт от тебя 😁 По лицу видно что было такое, не отнекивайся))
@alexeybychkov_
Жыл бұрын
конфеты я люблю))
Это конечно не так быстро как просто ткнуть скучную стандартную кнопку, но как же красиво и здорово получается🔥
@alexeybychkov_
Жыл бұрын
а главное редактировать потом можно
Вы лучший в подаче материала, просмотрев разные видео, если не понимаю, то возвращаюсь к вашим видео, где подача ну просто волшебная. Лайк с меня всегда впридачу, спасибо за ваш труд!
@alexeybychkov_
6 ай бұрын
Круто, Очень рад!
Шутки от нейросетей это, конечно, тот еще мем😂 Леша, твои шутки незаменимы😊
@alexeybychkov_
Жыл бұрын
И то не всем нравятся)
Как всегда: полезно, круто, не скучно. Полный фарш!
@alexeybychkov_
Жыл бұрын
🥳🎉
Очень нравится твой темп и подача информации! Как всегда🔥🔥🔥
@alexeybychkov_
Жыл бұрын
супер ♥️
После просмотра твоих видео - будут только нарядные списки✨ Спасибо🤗
@alexeybychkov_
Жыл бұрын
круто!
Как же круто и полезно! Спасибо, Алексей, храни тебя Хосподь
@alexeybychkov_
Жыл бұрын
спасибо)) рад, что полезно
Спасибо за очередной с пользой проведенный вечер! Ты волшебник, у которого в руках мышка вместо волшебной палочки))
@alexeybychkov_
Жыл бұрын
и тебе спасибо за жменю комментов!
Только что получила черный пояс по АЛ в 23 бесплатном уроке и сразу тут еще грамоту) Спасибо))
@alexeybychkov_
11 ай бұрын
отличные новости)
Спасибо! Это самый лучший и полезный канал на ютубе по фигме
@alexeybychkov_
9 ай бұрын
Спасибо, приятно!
Алексей, Вы человек-пример, как нужно подходить к делу. Подача, юмор, скилы и формат -огонь! p.s. Комент написал, иду проверять, как получится овладеть черным поясом по автолуйауту😉
@alexeybychkov_
Жыл бұрын
спасибо за коммент) 🥳
Очередной ролик и очередный топ знаний!!! спасибо! Кстати, можно было бы в ролике добавить, что и форму буллетов менять можно: листики, цветочки и тд:)))
@its_no_way
Жыл бұрын
Пусть это будет нам материал для самостоятельного домашнего изучения 😄
@alexeybychkov_
Жыл бұрын
Спасибо за просмотр)
Это просто ВАУУУУ, Алексей😍😍😍. Мне этого давно нехватало. Спасиииибо за старания🔥🔥🔥🔥
@alexeybychkov_
Жыл бұрын
Спасибо за просмотр)
Это лучший канал, лучшая подача информации ever 👍🏼 спасибо 🙏🏼
@alexeybychkov_
11 ай бұрын
спасибо! 🥳
Здорово!!!!Как же всё красиво получилось❤❤❤❤❤
@alexeybychkov_
Жыл бұрын
супер
Спасибо большое за ролик) Компоненты и ал это всегда интересно, и они очень упрощают работу 🔥
@alexeybychkov_
Жыл бұрын
пожалуйста!
Божечка, как же это удобно! Я замучалась сидела искала и думала, как же можно красиво сделать эти списки, и тут вы как Волшебник мне на встречу :) Вы супер! Спасибо Вам огромное!
@alexeybychkov_
Жыл бұрын
🥳 спасибо!
Пушка огонь! Шикарно подаёте информацию 😂😊
@alexeybychkov_
10 ай бұрын
рад, что нравится! 🥳🎉
у тебя самые практичные, простые и понятные видео ролики🎉
@alexeybychkov_
Жыл бұрын
Ну класс)
Благодарю! Ещё раз закрепили автолейаут! Очень полезно!
@alexeybychkov_
Жыл бұрын
Ну класс
Да, продвинутый список, только так и делаю. А ещё есть вариант, когда справа с краю от каждого текст блока стоит иконка или цифра, вот тогда чуток настройки будут отличаться) А если ещё один из текстов нужно выделить, показав, что он выбран в данный момент, то через варианты А еще заметил, что мастер-булет вынес, а мастер булет+текст нет. Я привык все выносить в отдельный фрейм с компонентами и сами компоненты сортировать по фреймам, но это уже другая история🙂 Ну а в целом тебе спасибо, редко кто так объясняет применение продвинутых техник, чтоб люди применяли в работе🙂
@alexeybychkov_
Жыл бұрын
Спасибо за просмотр)
Красавчик, Алексей, харизма + мастерство = пушка-бомба), продолжай в том же духе, с удовольствием буду учиться дизайну)
@alexeybychkov_
7 ай бұрын
Спасибо)
Как всегда, много полезной информации, спасибо тебе Алексей!!!
@alexeybychkov_
Жыл бұрын
Очень рад!
Все понятно и полезно! Спасибо большое за информацию!
@alexeybychkov_
Жыл бұрын
пожалуйста!
Быстро, легко и все понятно. Спасибо за ролик. Было полезно👍
@alexeybychkov_
10 ай бұрын
ну класс)
Благодарю за полезный урок!👏
@alexeybychkov_
10 ай бұрын
пожалуйста!
Благодарю за урок, все понятно ))
@alexeybychkov_
Жыл бұрын
Спасибо за просмотр)
Всегда очень нравились твои видео! Познавательно и с юморком) Спасибо
@alexeybychkov_
Жыл бұрын
пожалуйста!
Спасибо вам, Алексей! Топ как и всегда!
@alexeybychkov_
Жыл бұрын
пожалуйста!
Полезно - как всегда! Сам недавно начал в дизайн лезть, хотя вас смотрю давно)
@alexeybychkov_
Жыл бұрын
Спасибо за просмотр)
Нереально полезное видео! Спасибо огромное
@alexeybychkov_
11 ай бұрын
рад, что полезно
Просмотрено с удовольствием и пользой✅👍🏻
@alexeybychkov_
Жыл бұрын
супер 🥳🥳🥳
Класс, новое видео🔥🔥🔥
@alexeybychkov_
Жыл бұрын
🥳
Огонь!🔥Обожаю абсолютное позиционирование, часто им пользуюсь!
@alexeybychkov_
Жыл бұрын
Супер 🎉
обожаю Ваш контент😊
@alexeybychkov_
Жыл бұрын
❤️
Спасибо, Алексей!
@alexeybychkov_
Жыл бұрын
пожалуйста!
Леша, спасибо!! Полезно как и всегда.
@alexeybychkov_
4 ай бұрын
Спасибо за просмотр)
Спасибо, Алекс! Теперь всегда буду делать АЛ списки!
@alexeybychkov_
Жыл бұрын
Ну класс, пожалуйста!
Класс, все понятно, очень понятно, оооочень понятно 👍
@alexeybychkov_
Жыл бұрын
Супер)
Спасибо за полезный ролик, я пока не мастер 88 уровня по автолейауту, но благодаря этим видео приходит понимание, что все не так сложно и главное - практика
@alexeybychkov_
11 ай бұрын
дело времени)
однозначный лайк) спасибо за ролик!
@alexeybychkov_
6 ай бұрын
спасибо!
Получается! 👍 реально, только благодаря вашему каналу у меня многое начало получаться 🔥🔥🔥 Вы лучший учитель
@alexeybychkov_
Жыл бұрын
рад, что получается 🥳
Спасибо за лайфхуки! 👍
@alexeybychkov_
Жыл бұрын
пожалуйста!
Хорошо когда, есть такие учителя и такой отличный контент. Я в любой момент знаю, где найти мне нужный лайфхак
@alexeybychkov_
Жыл бұрын
Очень рад что нравится!
благодаря вашим роликам обуздала автолейаут)) Спасибо! Список с булитами уже видела в других роликах между делом))
@alexeybychkov_
Жыл бұрын
супер 🥳
видео классное, и кстати после видео про АЛ, ваще несложно! Я очень рад своему прогрессу!
@alexeybychkov_
8 ай бұрын
Ну класс 🥳
Потрясающе
@alexeybychkov_
Жыл бұрын
супер 🥳
Ролик огонь! Списки теперь будут аккуратные)
@alexeybychkov_
Жыл бұрын
Супер 🎉
Еще одно полезное видео!! Огонь) теперь буду делать только нарядные списки) спасибо большое) Фил Хуг)
@alexeybychkov_
Жыл бұрын
Фил Хуг!
Спасибо огромное. Почему-то настройка автолеяута - пока что самое сложное. Попробовала. Стало понятнее.
@alexeybychkov_
Жыл бұрын
когда разберешься с АЛ работу быстро работать начинаешь
Алексей! Спасибо за этот видос! Я примерно так и делал, но только когда было лишнее время)
@alexeybychkov_
Жыл бұрын
)) пожалуйста!
Классный ролик!
@alexeybychkov_
Жыл бұрын
пожалуйста!
Страшно представить, сколько времени было убито с этими черными точками..а всего то надо изучить АЛ (звучит, конечно, лечге, чем есть на самом деле) В сотый раз спасибо за лучший контент!💙
@alexeybychkov_
Жыл бұрын
без АЛ нынче никак)
Отличный ролик. Спасибо)). Судя по всему стэндаперам пока можно не переживать из-за нейронных сетей))
@alexeybychkov_
Жыл бұрын
пожалуйста!
Ну просто 100% лайк в карму ;)))
@alexeybychkov_
Жыл бұрын
Спасибо)
чтобы бы мы все делали без тебя великий ментор! один кайф твой контент!
@alexeybychkov_
10 ай бұрын
спасибо!
Спасибо. Как раз вовремя. Я буллиты вчера удалял из за унылого вида. А сейчас, пожалуй, пересмотрю эту позицию в цвете.
@alexeybychkov_
Жыл бұрын
пожалуйста!
Комменты пишу✅ Лайки ставлю✅ Значит все получится! 💡
@alexeybychkov_
Жыл бұрын
Огонь) 🥳
Спасибо!🙏
@alexeybychkov_
Жыл бұрын
пожалуйста!
Спасибо за видео - как всегда, элегантное решение)
@alexeybychkov_
Жыл бұрын
пожалуйста!
спасибо большое!
@alexeybychkov_
Жыл бұрын
Спасибо за просмотр)
1:11 поржал не с самого текста, а с реакции Лёши 🤣🤣🤣🤣
@alexeybychkov_
Жыл бұрын
😀 Спасибо за просмотр)
Ну вот и спасибо большое за коротыш! Полезно и весело!
@alexeybychkov_
Жыл бұрын
Спасибо за просмотр)
сколько же у Леши видео про АЛ, но интересно как в первый раз. Спасибо за видео!
@alexeybychkov_
Жыл бұрын
рад, что полезно
Спасибо!
@alexeybychkov_
Жыл бұрын
пожалуйста!
идеально)
@alexeybychkov_
Жыл бұрын
🥳
Завидую тем, кто посмотрит это видео и сразу будет делать классные списки! А не сам будет пытаться придумать это через боль и страдания😂 Я как-то в итоге додумалась, но до абсолютного позиционирования сама не дошла
@alexeybychkov_
Жыл бұрын
Спасибо за просмотр)
Дякую за контент! Алексей, вопрос не по теме видео. Делаете ли Вы перед созданием самого дизайна ux-исследования: карты эмпатии, юзер джорни мап?..
@alexeybychkov_
Жыл бұрын
пожалуйста! Нет, не делаю, этим занимаются ребята, которые разрабатывают прототипы
Автолейаут как всегда на вышке!
@alexeybychkov_
Жыл бұрын
🥳🎉
Комментарий в поддержку канала.
@alexeybychkov_
Жыл бұрын
спасибо!
"Из конфет и пуговиц". Это ❤
@alexeybychkov_
3 ай бұрын
🥳
Дядь Лёш, привет)))) А я чёт привык делать буллет не во врейме, а в АЛ оборачиваю, ставлю выравнивание по центру по вертикали, а высоту АЛ задаю = высоте текстовой строки. Тогда не приходится "приблизительно" целиться буллетом во фрейме, он всегда четко по центру стоит))))
@alexeybychkov_
Жыл бұрын
привет. Я не из тех, кто делает дизайн по формулам и высчитывает высоту строки на калькуляторах :) А разницу в пару пикселей при прицеливании глазу все равно не отличить. Поставил примерно по центру - и пойдет)
@n1salsero
Жыл бұрын
@@alexeybychkov_ полностью с тобой согласен)) а дальше уже каждый дрочит как хочет 😅
Недавно заинтересовалась дизайном. Подскажите, пожалуйста, какого формата делать фрейм. 1920 на ноутбуке не совсем удобно
@alexeybychkov_
Жыл бұрын
1920 по ширине, по высоте смотря насколько длинная страница
Лёша пожалуйста запиши короткое видео по нэймингу слоёв в figma как правильно. ПОЖАЛУЙСТА!!!!!!!!!!!!)), как называть слои ? с маленькой буквы или с большой ? если два слова, то через нижнее подчёркивание или верхнее или вообще без него. Очень важная инфа и нет нигде ))
@alexeybychkov_
Жыл бұрын
как обзываю слои есть стрим на курсе и табличка с названиями на Бусти лежит. Вроде и в ютубе иногда ее показывал
Дзякуй! как всегда)) вот только не могу найти твое видео про вставку списка из буфера обмена. там была кака-то фича с виндой. чтобы не перепрыгивать браузер-фигма-браузер-фигма... напомни, пожалуйста
@alexeybychkov_
Жыл бұрын
уже не помню в каком это видео было(
Очень полезное видео,большое спасибо. А можно еще сделать видео автолейаут с текстом и картинками?
@alexeybychkov_
Жыл бұрын
а что там настраивать?) у текста и картинок
@DesignBrooo
Жыл бұрын
@@alexeybychkov_ просто мастер класс посмотреть))))
Это же супер крутой и полезный видос,как раз сегодня попала на подобную проблемц,как же впихнуть иконку в автолейпаут где уже есть автолейаут привязанный к линии снизу,и вот,ответ прямо в этос видео, спасибо!!
@alexeybychkov_
Жыл бұрын
супер)
Не, ну лучший
@alexeybychkov_
Жыл бұрын
спасибо!
Леш, было бы классно если бы ты сделал ролик на тему как правильно рассчитывать вертикальные отступы на сайте (да и не только вертикальные), не могу нигде найти нормальной инфы по этому вопросу. Я-то работаю по своей системе, но хотелось бы узнать, как другие делают, и вообще как правильно, какие есть принципы. Также с отступами между текстовыми блоками проблемки бывают: если считать расстояния от контейнера - не всегда получается выдерживать систему отступов, потому что контейнер у текста разной величины бывает )) Ну вобщем тебе идея для ролика, думаю что не только я один задаюсь этим вопросом :)
@alexeybychkov_
Жыл бұрын
На курсе про это подробно рассказываю. Не знаю запишу ли ролик для канала
Признаюсь честно, иногда я ленивая жопка и просто ставлю стандартные булиты. Потому что способ подстановки нестандартного мне казался длинным и муторным. Пойду практиковать, пока завалов по работе нет :)
@alexeybychkov_
11 ай бұрын
хороший план)
Пристыдили 🥲 Пойду в угол с компьютером исправляться!😁
@alexeybychkov_
Жыл бұрын
Спасибо за просмотр)
То чувство, когда почти все 10 фраз про тебя ,особенно "рассматривают людей как объекты декорирования"😄
@alexeybychkov_
Жыл бұрын
Спасибо за просмотр)
Да, если бы Фигма проапгрейдила оформление буллитов, было бы отлично. Делали бы не через костыли, а сразу нарядненько и красиво
@alexeybychkov_
4 ай бұрын
💯
шутки за 20 просто супер)
@alexeybychkov_
Жыл бұрын
Спасибо за просмотр)
Вопрос такого плана. В адоби хД есть возможность кинуть в набор компонентов пачку текста или пачку фотографий. Ну и оно по кучке компонентов автоматом раскидывает, без необходимости в каждой конкретной итерации все делать ручками. А для Фигмы ничего такого нет, плугин например или в будущем чтобы штатные фичи анонсировали? Потому что вот такое "ручками" самое бесячее вообще всегда.
@alexeybychkov_
Жыл бұрын
сверху в выпадающием списке можно создать как отдельный компонент, так и мульти-компоненты для каждого выбранного элемента
Я наконец познал дзен в автолейауте, у меня вопрос, реально ли сделать адаптивным хедер? Если там много пунктов, чтобы пункты либо клипались либо просто как-то исчезали, да выключить их 2 клика. Но! Мне хотелось бы сделать такое если это возможно.
@alexeybychkov_
6 ай бұрын
такие вопросы лучше со скриншотами задавать. Иначе ответ будет бесполезным. Скажешь - нельзя, а там можно было. или наоборот
каждый раз когда вы говорите начинка в голову приходить пирог с начинкой))
@alexeybychkov_
Жыл бұрын
))
Сердечку тут оставлю)
@alexeybychkov_
Жыл бұрын
спасибо!
1:10 лицо Леши когда увидел что кто-то в макете не использует компоненты
@alexeybychkov_
Жыл бұрын
Спасибо за просмотр)