⚡️ Продвинутый автолейаут в Фигме и таблица с линиями. Как делать адаптивы. Фишки, секреты
HTML-код
- Опубликовано: 26 июл 2024
- #alexeybychkov #figma #webdesign
Продолжение ролика про таблицу с линями через автолейаут. Фишки, секреты и хорошее настроение
Файл в фигме с таблицами: www.figma.com/file/J4OFEqaJ8K...
Файл со скриншотами для насмотренности: boosty.to/alexeybychkov/posts...
RUclips - / @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 - что делали в первом видео
2:22 - надо ли таблицы делать компонентами
12:24 - адаптивим таблицу
25:34 - домашнее задание
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 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
Я правда старался! 😀но если ничего не понятно, понимаю)) Файл в фигме с таблицами: www.figma.com/file/J4OFEqaJ8KSwJsh9fwo44U/table-autolayout
Я все понял, угарный выпуск🤣
Все понятно! Мастерски преподнесен урок! Изюминки просто СУПЕР!!! Благодарю.
Это видео можно назвать «Продвинутый автолейаут или 100 способов поставить костыль»))) Ждём, когда в фигме можно будет сделать такие операции по-научному. Огромное спасибо, материал уникальный
продвинутый - дописал, спасибо))
Вроде понятно, а когда до дела доходит, то приходится некоторые моменты пересматривать несколько раз. Спасибо за подробные объяснения.
пожалуйста!
Это было слишком тёмная магия!) надо переварить. Контент за фрейм это хитро), волшебство. Вываливаюсь в автолояут!
ага) надо кнопки понажимать, чтобы понять что да как!
"Я нихрена не поняла, что он там объяснял"🤣 есть правда в этих словах..в какой-то момент перестала понимать, что вообще происходит))
Пару раз пересмотрю и, думаю, всё встанет на свои места))
Спасибо за уникальный контент!!🔥
😀 пожалуйста!
"За каждый пиксель пол-ноги откусите"
"закостылили с подорожником" 😂
Это меджик. Благодарочка ❤️
🥳😀
Многие сейчас говорят об осознанности в тех или иных сферах деятельности. Так вот ты действительно преисполнился)) и приблизился к вершинам осознанности в дизайне. И это вообще самое ценное. Не просто что-то делать и двигать пиксели, а понимать зачем ты это делать и как сделать этого все еще лучше.
Спасибо, что делишься опытом=)
Топ канал, топ ролик, топ Леша))
🙃🙃🙃🙃🙃🙃🙃🙃
Спасибо тебе за комменты ❤️
После твоих роликов, всегда обращаю внимание, когда при обучении кто-то вообще не показывает аутолейаут и насколько он действительно может ускорить работу, или наоборот помешать, если не совсем правильно его использовать.
Круто, когда в ролике находишь не только информацию о инструменте, но еще и осмысленное объяснение, где как и почему нужно использовать тот самый инструмент. Лайк)
спасибо за комменты!
Вот это фокусы, так фокусы)))
"Чихнуть буквами" - это необычно))) спасибо за ролик. Буду пробовать👍
пожалуйста 🎩
Ух ты! Теперь и у меня есть ранний доступ. Удобно то как. 💃
)) ага, удобно
Привет, Лёша😊 Супер продолжение ролика, спасибо🙏 Пойду в Фигму пробовать, как у тебя. 🌺🌺👍👍🔥🔥
привет) ну класс
Классное видео не только полезное но и забавное, ты как спидранер по играм ищешь все новые и новые костыли
Спасибо за просмотр!
Не помню, чтоб с обучающих роликов ржал в голосину)))) Это просто огнище) Спасибо Алексей за твою подачу такого непростого материала!
рад, что нравится!
Алексей - как всегда просто ясно - жизнерадостно! Мне как раз помогло с таблицей над которой мучался ))) СпасибО!
рад, что помог!
Алексей ты великолепен! Просто супер сэлфмейд фрилансер! С отличной подачей контента! Успехов тебе в жизни!
спасибо))
Ну, что сказать... Не с первого раза получилось, но вышло))) И итог работы поднял настроение💃👍
вот и замечательно)
Спасибо за магию в фигме! Это что-то потрясающее
пожалуйста 🎩
А вот же и вторая часть, спасибо большое! На одном дыхании посмотрел)
ага 🥳
Мне одного раза посмотреть мало, нужно пересматривать 🤯 Спасибо за полезности )
и кнопки понажимать!
Юху - смотрю новый ролик. Благодарочка - за подачу и юмор))) Как всегда все супер
спасибо за просмотр
Легче охренеть, чем с первого раза разобраться😅 Лёха, разработчики Фигмы даже не догадываются о таких способах скорее всего😉
наверное 😂
В комментариях к твоему уроку "Компоненты, АЛ и графики: пользуйтесь фиолетовым" я писала, что это какая-то магия вне Хогвартса... но тогда я еще не знала какая магия меня ждет тут😂 спасибо!
😀🎩
Я просто боготворю понятный язык Алексея!!! Спасибо тебе большое!!!
рад, что нравится!
Когда ты показал, как сравнять таблички у меня решился вопрос, сводивший меня с ума! Как же круто, благодарности!!!
вот и замечательно)
Наинтриговал на 27 минут! а там просто костылей понаставлять нужно!
вроде как понятно даже.
Спасибо, Леша, за полезные уроки)
😂
Леша ты волшебник в фигме!👍👍🔥🔥
Спасибо за такие подробности😀❤
Ну класс) пожалуйста
После черной магии я понял, что этому славному парню равных нет!
спасибо за просмотр) 😊
Ура! Вторая часть) с такой подачей можно и несколько раз смотреть с удовольствием)
Ну класс)
Автолейаут в Фигме допиливают до головокружительных возможностей. Алексей, благодарю тебя за такой подробный роик на не простую тему простым и доступным языком.
И тебе спасибо, что заглядываешь
Вы очень понятно и доходчиво все объясняете, хоть и сложно, но понятно! Пойду сам пытаться делать)
рад, что понятно!
Все прекрасно, но я весь видос сидела и думала как это верстать 😅. На макетах мы время сэкономили, теперь давайте учиться экономить на вёрстке 😂
учиться верстке можно на каналах по верстке)
Да, я про верстальщиков тоже подумал!😅 Посмотрит он бедный и скажет: «Чивоблять?!» Но за эти «приёмчики» всё равно благодарность))
этот лайфхак с отрицательным отступом бомбический! спасибо за видео, Лёша!
пожалуйста!
Надо посмотреть ещё раз))) Но это прям магия, спасибо))
🎩 спасибо за просмотр!
Мне нужна таблица с фразами Лёши…..это гениально
скоро конкурс будет про фразы Лёши) только тсссс))
Работа с автолейаутами для меня - всегда танцы с бубнами 😅 Надеюсь скоро я стану таким же волшебником, как Алексей ☺
Надо кнопки понажимать и все будет)
"буквами чихнуть" - это супер хак, спасибо 💚
😀
Спасибо огромное! До меня, правда, с первого раза не дошло. Но когда еще раз пересмотрела оба видео, все получилось))) Прямо магия, я и не думала, что так можно🤣
Еее супер!
Хахаха такие забавные байты на комменты😂 я посмотрела и все поняла🙋♀️😅 вот казалось бы зачем смотреть про таблицу, а по факту - мега крутое упражнение по автолейауту вышло! Бегу повторять, прокачаюсь)) Обожаю твой канал❤
Ну класс 🎉
Большое спасибо за ролик!! Костыль с изменением начинки текстовки в мастере с количеством букв для получения нужной фиксированной ширины вообще лучший 😅
сам в шоке 😂
Какой прикольный и полезный контент :) Создание костыля, с прикладыванием подорожника. Это просто великолепно!! )
😀 спасибо за просмотр
Смотрю видео и нервно смеюсь. Лёша, спасибо, это гениально!
)) Спасибо за просмотр)
Клево!🤩
ваще))
Алексей, спасибо за ваши уроки. Вы объясняете очень понятно.
Очень рад!
Так, ладно, забираю пока свои слова из комментария в предыдущем видео))) Сначала срослось, теперь вот как-то уже левел повыше)) Но я еще разок посмотрю, чтобы и тут все стало простым) Спасибо за информацию!
спасибо за просмотр) и за спонсорство! ♥️
Какое весёлое видео 😁 Пойду кнопки нажимать, интересно, так же ли весело будет в процессе 😁😁😁
Спасибо 🔥
Спасибо за просмотр)
Клаааасс !!!!💣💥👍 И мне очень понравилась твоя реакция на мою отпавшую челюсть и широко открытые глаза (с 23.33) 😲. Ты нас видишь ? ☺ СПАСИБО !!!!!!
наблюдаю))
Все понятно. Спасибо! Будем пробовать 👍
пожалуйста!
Супер понравились видео! Я прям именно по этим темам искала и нифига полезного не было, у других уж точно. У вас где-то что-то по кусочкам смотрела, а здесь все в одном 🙏🏻 Уже всем своим знакомым порекомендовала, вместе конспектами обмениваемся по вашим видео 😂 Обработка, скорость подачи просто ааааа, бомба
спасибо за рекомендации)
Смотрела это видео два раза с разрывом в месяц где-то, в первый раз мало что поняла, а второй раз уже всё получилось) нагружаем мозг понемногу)) для меня это видео по АЛ самое сложное, но зато практичное) спасибо)
Спасибо за просмотр)
Было ну очень интересно, и понятно))) Спасибо большое за такой полезный ролик 🤗 Хоть и с большим опозданием, но наконец добралась до ютуба))) Всегда рада твоим роликам ❤
Пожалуйста! Очень рад))
Мэн - ты крут) Спасибо за знания!!!
пожалуйста 🥳
Тот самый случай, когда каждые 5 минут восклицаешь: "АААааа, тоооочно, вот как надо было", но каждый раз все громче и громче. Агонь, спасибо. Теперь точно пояс мой)
рад, что нравится!
Пока что мой пояс по автолейауту лишь слегка серый 😂 но с таким учителем медленно и уверенно приближается к черному. А костыль с добавками букв вообще моя любовь теперь. После него у меня все сразу заработало идеально 😂
Дело времени!
Такое интересное видео, благодарю🤗 теперь надо самой попробовать повторить эти магические трюки😅💫
Спасибо за просмотр)
Просто шикарно, я тоже пробовала использовать отрицательный отступ , но до этого видео боялась, что так делать нельзя 😅 а фокус с доп. буквами - это уже просто магия высшего уровня, классно 🪄 💫🙈👍🏻👍🏻спасибо за видео! 😎
пожалуйста)
Спасибо. Теперь чувствую себя обладателем тайного знания. Действительно, магия))
Круто! 🎩
Урааа!!! теперь я тоже умею делать таблицы в фигме, правда не с первого раза, но главное не сдаваться и все получится)) спасибо, Леша))
🎉🥳 отличные новости)
Прикольная подача. Мне это пока не надо, но послушала с интересом, может пригодиться. Спасибо за работу, Alexey!.
спасибо за просмотр!
С каждым роликом все больше полезностей, спасибо)
супер
Да, Я на слух плохо воспринимаю, но на практике это всё будет более понятно, пару раз сделать и закреплю) Большое спасибо, Алексей ✨
пожалуйста!
Если с первым видео все было понятно, то здесь под конец видео мозг отказался воспринимать информацию))) это нужно переварить🤯 спасибо за полезный контент)
спасибо за просмотр)
Все понятно, и просто объяснили, большое спасибо за важную информацию)!
Спасибо за просмотр)
23:49 блин, это же гениально) по сути можно просто написать в мастер название своей самой длиной строки))
💯
по-моему лучше, чем ты объясняешь, никто не сможет) вроде все понятно! спасибо за полезный контент!
♥️
Где-то на 23ей минуте моё понимание происходящего заказало такси и уехало восвояси хдд))))
Леша, твои видосы - как урок геометрии в школе)) есть задача, есть дано, и мы пол часа всем классом ищем правильное решение
😀
Ничего не понятно, но очень интересно😅🖖🏻
Нужно пересмотреть и попрактиковаться)) Спасибо за лайфхаки, как всегда полезно и не скучно🔥
ага надо кнопки нажимать!
Элементарно 😵💫
Да. Ты старался🤣
😀
Огромное спасибо! Суперское видео! Теперь осталось повторить и запомнить🤣
Да!
Очень крутая информация! Спасибо, Алексей, за магию, было весело и ооочень полезно)
супер!
это же гениально!!! спасибо👍
пожалуйста!
Как всегда прекрасный выпуск. Все было понятно и интересно. Начхала тебе благодарный отзыв)😂
спасибо))
Большое спасибо) чуть не стала каждой второй. Через час тыкания в фигме почти отчаялась((( оказалось, что надо просто два часа потыкать, тогда доедет)))) шикарный урок!
да, надо кнопки понажимать!
Большое тебе спасибо за твою работу. Видео очень интересное, полезное и информативное
большое пожалуйста)
Спасибо за ролик, реально все понятно, а идея с отрицательным отступом и чихами вообще огонь)))
)) супер
Класс👍🏼 спасибо за полезное видео
пожалуйста!
Классная магия! 👍 Спасибо. Нужно попрактиковаться
Спасибо за просмотр)
Полезно. Все понятно. Но попадаться будет не часто.Спасибо.
Да пожалуй)
Супер полезно, спасибо за знания!)
Спасибо за просмотр)
что-то невероятное, смотрела вместо серии сериала перед сном, очень захватывающе))
😀 спасибо за просмотр!
Автолейаута много не бывает😄
Спасибо за ролики🙂
💯
Круто, как всегда!!! Спасибо!!!
ну класс
Разбираю на цитаты все видео Алексея))))))))))))
Распродажа кнопок, позвонить в компонент )))))))))))))))))
😂 Спасибо за просмотр)
Рассмешил и научил. Здорово!
Крутое видео. Емко и понятно
ну класс)
Я поняла, спасибо! Осталось только кнопки понажимать 😊
пожалуйста!
Спасибо! Благодаря тебе узнал много нового и полезного!
Очень хочется от тебя видео о том как грамотно организовать проект в фигме.
1. Если это большой энтерпрайз проект, как хранить дизайн систему? Атомарно в одном файле или каждый атом в отдельном файле? Организмы в отдельном файле?
2. В каждый файл класть отдельный раздел системы или разбивать по таскам/юзер сторям?
3. Использовать ли локальные компоненты или всегда их выносить в либу?
В общем и целом, какие возможны варианты организации проекта и их плюсы и минусы.
на фрилансе таких больших проектов не бывает, поэтому мне этим всем заниматься не приходится. А как что организовано в компаниях, я не знаю) когда в офисе работал, были еще времена фотошопа
Леша, спасибо)) сейчас буду практиковаться! Фил хуг🤟🏼
Фил хуг)
Большое спасибище)) няня я у них поел!)
Пожалуйстаще))
Я чуть пиццей не подавился когда смотрел на черную магию, спасибо за ролик)
😀пожалуйста!
19:44 тоооочноо)) блин, а я уже забыла про этот отрицательный отступ)) Сижу и думаю, как же ты это сделаешь, а тут решение на одну секунду))
Спасибо за просмотр)
Это просто магия!)
🎩
Обожаю!!
😍
Спасибо за урок, очень хорошее объяснение, надеюсь поняла :)
рад, что полезно
А вот и проверим, поняла я всё или нет😄 Так то вроде все понятно, осталось попробовать в деле!
Да надо кнопки нажимать
08:29 И вот тут начинается магия АЛ)) ещё не знаю что дальше, но когда вижу как ты начинаешь делать АЛ всегда заворожено наблюдаю))
Спасибо за просмотр!
ну ооочень интересно!!!
ну класс)
Лешаааа, я все понялаа! и все получилось даже!
правда с третьего раза, но получилось!😂
Спасибо!
Огонь)
Огонь!!!
🥳
просто офигенно
Супер
Огромное спасибо тебе за интересный ролик, вся информация очень полезная
пожалуйста!
Топчик!
супер