⚡️ Продвинутый автолейаут в Фигме и таблица с линиями. Как делать адаптивы. Фишки, секреты

[@alexeybychkov_]

Я правда старался! 😀но если ничего не понятно, понимаю)) Файл в фигме с таблицами: www.figma.com/file/J4OFEqaJ8KSwJsh9fwo44U/table-autolayout

[@egorbraun1261]

Я все понял, угарный выпуск🤣

[@flirdiz]

Все понятно! Мастерски преподнесен урок! Изюминки просто СУПЕР!!! Благодарю.

[@auror.]

Вроде понятно, а когда до дела доходит, то приходится некоторые моменты пересматривать несколько раз. Спасибо за подробные объяснения.

[@alexeybychkov_]

пожалуйста!

[@alexey_burakov]

Это видео можно назвать «Продвинутый автолейаут или 100 способов поставить костыль»))) Ждём, когда в фигме можно будет сделать такие операции по-научному. Огромное спасибо, материал уникальный

[@alexeybychkov_]

продвинутый - дописал, спасибо))

[@Za_Isa]

Это было слишком тёмная магия!) надо переварить. Контент за фрейм это хитро), волшебство. Вываливаюсь в автолояут!

[@alexeybychkov_]

ага) надо кнопки понажимать, чтобы понять что да как!

[@ТатьянаКухаревич-ю4ф]

После твоих роликов, всегда обращаю внимание, когда при обучении кто-то вообще не показывает аутолейаут и насколько он действительно может ускорить работу, или наоборот помешать, если не совсем правильно его использовать. Круто, когда в ролике находишь не только информацию о инструменте, но еще и осмысленное объяснение, где как и почему нужно использовать тот самый инструмент. Лайк)

[@alexeybychkov_]

спасибо за комменты!

[@ЮлияГ.1]

"Я нихрена не поняла, что он там объяснял"🤣 есть правда в этих словах..в какой-то момент перестала понимать, что вообще происходит)) Пару раз пересмотрю и, думаю, всё встанет на свои места)) Спасибо за уникальный контент!!🔥

[@alexeybychkov_]

😀 пожалуйста!

[@Татьяна-ю1р2м]

Многие сейчас говорят об осознанности в тех или иных сферах деятельности. Так вот ты действительно преисполнился)) и приблизился к вершинам осознанности в дизайне. И это вообще самое ценное. Не просто что-то делать и двигать пиксели, а понимать зачем ты это делать и как сделать этого все еще лучше. Спасибо, что делишься опытом=) Топ канал, топ ролик, топ Леша)) 🙃🙃🙃🙃🙃🙃🙃🙃

[@alexeybychkov_]

Спасибо тебе за комменты ❤️

[@urhorattel]

Алексей - как всегда просто ясно - жизнерадостно! Мне как раз помогло с таблицей над которой мучался ))) СпасибО!

[@alexeybychkov_]

рад, что помог!

[@alenamitkevich4407]

Так, ладно, забираю пока свои слова из комментария в предыдущем видео))) Сначала срослось, теперь вот как-то уже левел повыше)) Но я еще разок посмотрю, чтобы и тут все стало простым) Спасибо за информацию!

[@alexeybychkov_]

спасибо за просмотр) и за спонсорство! ♥️

[@ИванВотинов-й4и]

Не помню, чтоб с обучающих роликов ржал в голосину)))) Это просто огнище) Спасибо Алексей за твою подачу такого непростого материала!

[@alexeybychkov_]

рад, что нравится!

[@SolovyovaValentina]

Привет, Лёша😊 Супер продолжение ролика, спасибо🙏 Пойду в Фигму пробовать, как у тебя. 🌺🌺👍👍🔥🔥

[@alexeybychkov_]

привет) ну класс

[@ВикторияБабко-в2л]

Ура! Вторая часть) с такой подачей можно и несколько раз смотреть с удовольствием)

[@alexeybychkov_]

Ну класс)

[@chopppi]

А вот же и вторая часть, спасибо большое! На одном дыхании посмотрел)

[@alexeybychkov_]

ага 🥳

[@ElenaHorbik]

Все понятно. Спасибо! Будем пробовать 👍

[@alexeybychkov_]

пожалуйста!

[@ИгорьОнисенко-ч9й]

Полезно. Все понятно. Но попадаться будет не часто.Спасибо.

[@alexeybychkov_]

Да пожалуй)

[@kirillkhvorostyanov6675]

Алексей ты великолепен! Просто супер сэлфмейд фрилансер! С отличной подачей контента! Успехов тебе в жизни!

[@alexeybychkov_]

спасибо))

[@ДанилаСафронов-ч8м]

Вы очень понятно и доходчиво все объясняете, хоть и сложно, но понятно! Пойду сам пытаться делать)

[@alexeybychkov_]

рад, что понятно!

[@ЮлияБу-м3ч]

Смотрела это видео два раза с разрывом в месяц где-то, в первый раз мало что поняла, а второй раз уже всё получилось) нагружаем мозг понемногу)) для меня это видео по АЛ самое сложное, но зато практичное) спасибо)

[@alexeybychkov_]

Спасибо за просмотр)

[@almondsketch6426]

Леша ты волшебник в фигме!👍👍🔥🔥 Спасибо за такие подробности😀❤

[@alexeybychkov_]

Ну класс) пожалуйста

[@ЛияЗалещенко]

Юху - смотрю новый ролик. Благодарочка - за подачу и юмор))) Как всегда все супер

[@alexeybychkov_]

спасибо за просмотр

[@sviatlanaharokh3623]

Наинтриговал на 27 минут! а там просто костылей понаставлять нужно! вроде как понятно даже. Спасибо, Леша, за полезные уроки)

[@alexeybychkov_]

😂

[@MariaEfimi]

Супер понравились видео! Я прям именно по этим темам искала и нифига полезного не было, у других уж точно. У вас где-то что-то по кусочкам смотрела, а здесь все в одном 🙏🏻 Уже всем своим знакомым порекомендовала, вместе конспектами обмениваемся по вашим видео 😂 Обработка, скорость подачи просто ааааа, бомба

[@alexeybychkov_]

спасибо за рекомендации)

[@marinaguc7802]

Ух ты! Теперь и у меня есть ранний доступ. Удобно то как. 💃

[@alexeybychkov_]

)) ага, удобно

[@polly.procenko]

Хахаха такие забавные байты на комменты😂 я посмотрела и все поняла🙋‍♀️😅 вот казалось бы зачем смотреть про таблицу, а по факту - мега крутое упражнение по автолейауту вышло! Бегу повторять, прокачаюсь)) Обожаю твой канал❤

[@alexeybychkov_]

Ну класс 🎉

[@ForolTaX]

Элементарно 😵‍💫 Да. Ты старался🤣

[@alexeybychkov_]

😀

[@ekatetina_srm]

Если с первым видео все было понятно, то здесь под конец видео мозг отказался воспринимать информацию))) это нужно переварить🤯 спасибо за полезный контент)

[@alexeybychkov_]

спасибо за просмотр)

[@marinaguc7802]

Вот это фокусы, так фокусы))) "Чихнуть буквами" - это необычно))) спасибо за ролик. Буду пробовать👍

[@alexeybychkov_]

пожалуйста 🎩

[@ДарьяСавченко-э5я]

Я просто боготворю понятный язык Алексея!!! Спасибо тебе большое!!!

[@alexeybychkov_]

рад, что нравится!

[@stildesh7616]

Классное видео не только полезное но и забавное, ты как спидранер по играм ищешь все новые и новые костыли

[@alexeybychkov_]

Спасибо за просмотр!

[@karmplc]

Спасибо! Благодаря тебе узнал много нового и полезного! Очень хочется от тебя видео о том как грамотно организовать проект в фигме. 1. Если это большой энтерпрайз проект, как хранить дизайн систему? Атомарно в одном файле или каждый атом в отдельном файле? Организмы в отдельном файле? 2. В каждый файл класть отдельный раздел системы или разбивать по таскам/юзер сторям? 3. Использовать ли локальные компоненты или всегда их выносить в либу? В общем и целом, какие возможны варианты организации проекта и их плюсы и минусы.

[@alexeybychkov_]

на фрилансе таких больших проектов не бывает, поэтому мне этим всем заниматься не приходится. А как что организовано в компаниях, я не знаю) когда в офисе работал, были еще времена фотошопа

[@user-oksana1238]

Алексей, спасибо за ваши уроки. Вы объясняете очень понятно.

[@alexeybychkov_]

Очень рад!

[@irynamelnychenko88]

Спасибо огромное! До меня, правда, с первого раза не дошло. Но когда еще раз пересмотрела оба видео, все получилось))) Прямо магия, я и не думала, что так можно🤣

[@alexeybychkov_]

Еее супер!

[@anku_onku]

Было ну очень интересно, и понятно))) Спасибо большое за такой полезный ролик 🤗 Хоть и с большим опозданием, но наконец добралась до ютуба))) Всегда рада твоим роликам ❤

[@alexeybychkov_]

Пожалуйста! Очень рад))

[@ЮлияКоваленко-ь1ь]

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

[@alexeybychkov_]

вот и замечательно)

[@anastasyayakushenko4377]

Спасибо за магию в фигме! Это что-то потрясающее

[@alexeybychkov_]

пожалуйста 🎩

[@ItchefRu]

Автолейаут в Фигме допиливают до головокружительных возможностей. Алексей, благодарю тебя за такой подробный роик на не простую тему простым и доступным языком.

[@alexeybychkov_]

И тебе спасибо, что заглядываешь

[@Derden1]

Надо посмотреть ещё раз))) Но это прям магия, спасибо))

[@alexeybychkov_]

🎩 спасибо за просмотр!

[@АнастасияКарпуть]

Урааа!!! теперь я тоже умею делать таблицы в фигме, правда не с первого раза, но главное не сдаваться и все получится)) спасибо, Леша))

[@alexeybychkov_]

🎉🥳 отличные новости)

[@elenashchotkina1602]

"За каждый пиксель пол-ноги откусите" "закостылили с подорожником" 😂 Это меджик. Благодарочка ❤️

[@alexeybychkov_]

🥳😀

[@TINARO1988]

Да, Я на слух плохо воспринимаю, но на практике это всё будет более понятно, пару раз сделать и закреплю) Большое спасибо, Алексей ✨

[@alexeybychkov_]

пожалуйста!

[@TamaraNikolaevna]

Прикольная подача. Мне это пока не надо, но послушала с интересом, может пригодиться. Спасибо за работу, Alexey!.

[@alexeybychkov_]

спасибо за просмотр!

[@marinaguc7802]

Ну, что сказать... Не с первого раза получилось, но вышло))) И итог работы поднял настроение💃👍

[@alexeybychkov_]

вот и замечательно)

[@МэриФеоктистова]

Какой прикольный и полезный контент :) Создание костыля, с прикладыванием подорожника. Это просто великолепно!! )

[@alexeybychkov_]

😀 спасибо за просмотр

[@viktorsh4870]

Легче охренеть, чем с первого раза разобраться😅 Лёха, разработчики Фигмы даже не догадываются о таких способах скорее всего😉

[@alexeybychkov_]

наверное 😂

[@ИринаГуринович-к8т]

Мне одного раза посмотреть мало, нужно пересматривать 🤯 Спасибо за полезности )

[@alexeybychkov_]

и кнопки понажимать!

[@katerinamikhaylova4964]

Большое спасибо за ролик!! Костыль с изменением начинки текстовки в мастере с количеством букв для получения нужной фиксированной ширины вообще лучший 😅

[@alexeybychkov_]

сам в шоке 😂

[@Veyla213]

Просто шикарно, я тоже пробовала использовать отрицательный отступ , но до этого видео боялась, что так делать нельзя 😅 а фокус с доп. буквами - это уже просто магия высшего уровня, классно 🪄 💫🙈👍🏻👍🏻спасибо за видео! 😎

[@alexeybychkov_]

пожалуйста)

[@mira_st]

Какое весёлое видео 😁 Пойду кнопки нажимать, интересно, так же ли весело будет в процессе 😁😁😁 Спасибо 🔥

[@alexeybychkov_]

Спасибо за просмотр)

[@Linusik_online]

Большое спасибо) чуть не стала каждой второй. Через час тыкания в фигме почти отчаялась((( оказалось, что надо просто два часа потыкать, тогда доедет)))) шикарный урок!

[@alexeybychkov_]

да, надо кнопки понажимать!

[@focusght]

Все понятно, и просто объяснили, большое спасибо за важную информацию)!

[@alexeybychkov_]

Спасибо за просмотр)

[@ВикторияХоревина]

С каждым роликом все больше полезностей, спасибо)

[@alexeybychkov_]

супер

[@ГалинаМихайлова-е2с]

Большое тебе спасибо за твою работу. Видео очень интересное, полезное и информативное

[@alexeybychkov_]

большое пожалуйста)

[@anku_onku]

08:29 И вот тут начинается магия АЛ)) ещё не знаю что дальше, но когда вижу как ты начинаешь делать АЛ всегда заворожено наблюдаю))

[@alexeybychkov_]

Спасибо за просмотр!

[@anku_onku]

19:44 тоооочноо)) блин, а я уже забыла про этот отрицательный отступ)) Сижу и думаю, как же ты это сделаешь, а тут решение на одну секунду))

[@alexeybychkov_]

Спасибо за просмотр)

[@lexandershkarupsky5916]

Ты тупо #figmagodness ! 🙏🏽 Дуже дякую тобі за те, як конструктивно й швидко ти викладаєш матеріал 👏🏼 Кожне відео - чудовий тижневий курс ! Завчити все тобою сказане/показане … #титоп 🎉

[@lexandershkarupsky5916]

В майбутньому мрію попрацювати в команді із тобою …

[@alexeybychkov_]

спасибо) рад, что нравится!

[@anku_onku]

23:49 блин, это же гениально) по сути можно просто написать в мастер название своей самой длиной строки))

[@alexeybychkov_]

💯

[@Ludmila_Zaryanskaya]

по-моему лучше, чем ты объясняешь, никто не сможет) вроде все понятно! спасибо за полезный контент!

[@alexeybychkov_]

♥️

[@nv_arkhipova]

Такое интересное видео, благодарю🤗 теперь надо самой попробовать повторить эти магические трюки😅💫

[@alexeybychkov_]

Спасибо за просмотр)

[@Анастасия-я2б1к]

этот лайфхак с отрицательным отступом бомбический! спасибо за видео, Лёша!

[@alexeybychkov_]

пожалуйста!

[@МарианнаРогозина-ч9н]

Как всегда прекрасный выпуск. Все было понятно и интересно. Начхала тебе благодарный отзыв)😂

[@alexeybychkov_]

спасибо))

[@jannelazarieva2241]

Огромное спасибо! Суперское видео! Теперь осталось повторить и запомнить🤣

[@alexeybychkov_]

Да!

[@КсеніяКлеопа]

Очень крутая информация! Спасибо, Алексей, за магию, было весело и ооочень полезно)

[@alexeybychkov_]

супер!

[@aleksand135]

Пока что мой пояс по автолейауту лишь слегка серый 😂 но с таким учителем медленно и уверенно приближается к черному. А костыль с добавками букв вообще моя любовь теперь. После него у меня все сразу заработало идеально 😂

[@alexeybychkov_]

Дело времени!

[@Lera_tvoiagent]

Ничего не понятно, но очень интересно😅🖖🏻 Нужно пересмотреть и попрактиковаться)) Спасибо за лайфхаки, как всегда полезно и не скучно🔥

[@alexeybychkov_]

ага надо кнопки нажимать!

[@yseidova]

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

[@alexeybychkov_]

)) супер

[@AnastasiiaLukianchykova]

это же гениально!!! спасибо👍

[@alexeybychkov_]

пожалуйста!

[@umnep]

что-то невероятное, смотрела вместо серии сериала перед сном, очень захватывающе))

[@alexeybychkov_]

😀 спасибо за просмотр!

[@olivnight]

Смотрю видео и нервно смеюсь. Лёша, спасибо, это гениально!

[@alexeybychkov_]

)) Спасибо за просмотр)

[@EdRodionovSpb]

Мэн - ты крут) Спасибо за знания!!!

[@alexeybychkov_]

пожалуйста 🥳

[@deniov4]

Класс👍🏼 спасибо за полезное видео

[@alexeybychkov_]

пожалуйста!

[@АлександрФилатов-ц7к]

Клаааасс !!!!💣💥👍 И мне очень понравилась твоя реакция на мою отпавшую челюсть и широко открытые глаза (с 23.33) 😲. Ты нас видишь ? ☺ СПАСИБО !!!!!!

[@alexeybychkov_]

наблюдаю))

[@AlinaSmirnova-u4n]

В комментариях к твоему уроку "Компоненты, АЛ и графики: пользуйтесь фиолетовым" я писала, что это какая-то магия вне Хогвартса... но тогда я еще не знала какая магия меня ждет тут😂 спасибо!

[@alexeybychkov_]

😀🎩

[@werenc]

Спасибо. Теперь чувствую себя обладателем тайного знания. Действительно, магия))

[@alexeybychkov_]

Круто! 🎩

[@scr1ptex446]

Круто, как всегда!!! Спасибо!!!

[@alexeybychkov_]

ну класс

[@The0Dash0]

Где-то на 23ей минуте моё понимание происходящего заказало такси и уехало восвояси хдд)))) Леша, твои видосы - как урок геометрии в школе)) есть задача, есть дано, и мы пол часа всем классом ищем правильное решение

[@alexeybychkov_]

😀

[@НинаКит]

Большое спасибище)) няня я у них поел!)

[@alexeybychkov_]

Пожалуйстаще))

[@Maks_K.]

Клево!🤩

[@alexeybychkov_]

ваще))

[@IrinaSokolova-p3f]

Работа с автолейаутами для меня - всегда танцы с бубнами 😅 Надеюсь скоро я стану таким же волшебником, как Алексей ☺

[@alexeybychkov_]

Надо кнопки понажимать и все будет)

[@kaialien5064]

После черной магии я понял, что этому славному парню равных нет!

[@alexeybychkov_]

спасибо за просмотр) 😊

[@0oopssorry]

Обожаю!!

[@alexeybychkov_]

😍

[@dariatukmakova]

Рассмешил и научил. Здорово! Крутое видео. Емко и понятно

[@alexeybychkov_]

ну класс)

[@its_no_way]

Супер полезно, спасибо за знания!)

[@alexeybychkov_]

Спасибо за просмотр)

[@liliyathepaut4698]

Классная магия! 👍 Спасибо. Нужно попрактиковаться

[@alexeybychkov_]

Спасибо за просмотр)

[@mp11195]

"буквами чихнуть" - это супер хак, спасибо 💚

[@alexeybychkov_]

😀

[@pisces92m]

Тот самый случай, когда каждые 5 минут восклицаешь: "АААааа, тоооочно, вот как надо было", но каждый раз все громче и громче. Агонь, спасибо. Теперь точно пояс мой)

[@alexeybychkov_]

рад, что нравится!

[@axlk6515]

я понял, Леша спидранер среди вебдизайнеров, сокращает секунды с каждого действия до предела)

[@alexeybychkov_]

😂 смотрел недавно спидраны по черному плащу на денди)

[@makszakrzhevskyi6471]

Леша, спасибо)) сейчас буду практиковаться! Фил хуг🤟🏼

[@alexeybychkov_]

Фил хуг)

[@yurahoffman]

Мне нужна таблица с фразами Лёши…..это гениально

[@alexeybychkov_]

скоро конкурс будет про фразы Лёши) только тсссс))

[@Alexandraizotova727]

Лешаааа, я все понялаа! и все получилось даже! правда с третьего раза, но получилось!😂 Спасибо!

[@alexeybychkov_]

Огонь)

[@lviv6967]

Автолейаута много не бывает😄 Спасибо за ролики🙂

[@alexeybychkov_]

💯

[@rakyshkarakyshka9193]

Огромное спасибо тебе за интересный ролик, вся информация очень полезная

[@alexeybychkov_]

пожалуйста!

[@keymamoru9483]

Все прекрасно, но я весь видос сидела и думала как это верстать 😅. На макетах мы время сэкономили, теперь давайте учиться экономить на вёрстке 😂

[@alexeybychkov_]

учиться верстке можно на каналах по верстке)

[@harbinger856]

Да, я про верстальщиков тоже подумал!😅 Посмотрит он бедный и скажет: «Чивоблять?!» Но за эти «приёмчики» всё равно благодарность))

[@Tasha_ryzh]

Спасибо за урок, очень хорошее объяснение, надеюсь поняла :)

[@alexeybychkov_]

рад, что полезно

[@elenapopova8847]

Так, ладно, я еще раз посмотрю-потыкаю😂😂😂 тут какая-то черная магия АЛ творится😂 но, конечно, это охренеть как круто

[@alexeybychkov_]

Супер)

[@yuleka05]

Разбираю на цитаты все видео Алексея)))))))))))) Распродажа кнопок, позвонить в компонент )))))))))))))))))

[@alexeybychkov_]

😂 Спасибо за просмотр)

[@oradelight]

Спасибо большое! Как всегда полезно и не скучно! И подсказку к своей задачке нашла, фух 😅ибо уже сломала мозг, вымучивая ал и компоненты😂

[@alexeybychkov_]

пожалуйста!

[@anku_onku]

13:50 в голове прочно засело, что никакого shift enter не использовать😅 даже если ну очень при очень хочется, и кажется что никто не заметит😂

[@alexeybychkov_]

Вот именно!

[@demvulano878]

Линию можно не оборачивать в отдельный блок, чтобы приподнять. Можно сделать flatten (ctrl+e, или изначально нарисовать пером) и увеличить высоту.

[@alexeybychkov_]

это уже будет не 1 пх линия, а толстая полоса

[@demvulano878]

@@alexeybychkov_ В том и прикол, что линия останется 1px, ее толщина так и будет задаваться через stroke. Вот если сделать outline stroke, тогда да, линия станет прямоугольником, и высота будет работать как обычно.

[@alexeybychkov_]

@@demvulano878 если изначально рисовать пером (как было написано в первом комменте) и увеличить высоту с 1 до 6 пх, то вместо 1 пх линии станет 6 пх линия. Надо линию сдвинуть выше, а не сделать ее толще

[@alexeybychkov_]

@@demvulano878 Если у тебя линия в 6 пх отображается как линия в 1 пх, то это баг. Я бы написал в тех.поддержку фигмы. В макете визуально все должно быть так, как указаны значения справа в панели

[@demvulano878]

@@alexeybychkov_ нет нет, это скорее нюанс работы с кривыми. Если линия нарисована пером, то это уже незамкнутый контур. Ему нельзя задать заливку, а изменение размеров не влияет на толщину обводки. Я оставлял коммент со ссылкой на пример, но ее удалили, поэтому не знаю как показать.

[@stylix2]

Подскажите плиз, можно ли как-то быстро сбросить у текста Line Heigh до авто, чтобы каждый раз не набирать?

[@alexeybychkov_]

да, можно просто удалить значение и нажать Enter

[@stylix2]

@@alexeybychkov_ Точно, как сам не додумался )) Спасибо!

[@qambrosyeva5662]

отрицательный отступ :000 вот это поворот

[@alexeybychkov_]

😀