🔥 Выравнивания в Фигме? Для чего нужны направляющие? Как больше успевать? Фигма с нуля

#alexeybychkov #figma #figmatutorial
Ребзя! Рассказал все про выранивания в Фигме. Показал для чего на самом деле нужны направляющие в Figma
Лучший чат по фигме - t.me/figmachat
Сайт по фигме - pofig.me/ или figma.help
Карта канала - start.video
Файл со скриншотами для насмотренности: boosty.to/alexeybychkov/posts...
KZbin - / @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 - включите привязки!
1:10 - направляющие в Фигме
3:41 - хоткеи для выранивания
7:36 - Tidy Up: вафля и печенька
8:54 - выравнивание автолейаутом
9:55 - кого-то дистрибьют
11:54 - лайфхаки
13:42 - лучший плагин для выранивания
16:32 - снова лайфхаки
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 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

[@alexeybychkov_]

Ребзя! Помогите своей активностью новому курсу: лайки, комменты, ну все как вы умеете :) Спасибо! Обнял-приподнял Смотреть видео на 2-3 месяца раньше - boosty.to/alexeybychkov Лучший чат по фигме - t.me/figmachat Сайт по фигме - pofig.me/ или figma.help Карта канала - start.video

[@serrgibio]

Алексей, мое почтение! У вас приятный и ,словно, родной голос. Объясняете доходчивее, чем на дорогостоящих курсах. Спасибо!

[@alexeybychkov_]

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

[@bastindabastindina5443]

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

[@alexeybychkov_]

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

[@Houston93]

Очень жду урок про варианты и особенно про переменные!) Надеюсь будет подробно!

[@alexeybychkov_]

и про них тоже будет

[@anastasiashilina1148]

Спасибо большое! Как всегда очень полезно. Смотрю ролики по второму кругу и все равно нахожу полезное и нужное. я как многие напишу - проходила курсы, очень модные и дорогие, но тут в бесплатных роликах на тонну больше инфы.

[@alexeybychkov_]

Ну класс)

[@user-mu6gk2hx2v]

Это пушка, бомба! ПИВО ЭТОМУ ДИЗАЙНЕРУ (С) Спасибо, отличная подача обучающего материала )) Можно разбирать на цитаты 😄😄😄

[@alexeybychkov_]

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

[@gushmarg]

Даа, ещё с прошлой версии курса научилась всё выравнивать автолейаутом и потом его сразу удалять, если не нужен. Офигела тогда, что так можно! Новый курс балдежный, я в восторге😃

[@alexeybychkov_]

огонь)

[@user-qr6py6lx7p]

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

[@alexeybychkov_]

Огонь)

[@lizkaleto]

согласна))

[@MariaPakhnits]

Именно до этого видео мне сетка очень мешала, я не понимала как с ней бороться, а теперь понимаю как же это удобно, супер, спасибо! 😁

[@alexeybychkov_]

!рад, что помог разобраться

[@ArtChannelKids]

"Пива этому дизайнеру!" )

[@alexeybychkov_]

🍻

[@user-tx3pp3br9z]

Концовка вообще огонь;)))))

[@alexeybychkov_]

😅

[@Houston93]

Да курс действительно годный! А главное БЕСПЛАТНЫЙ! освоить программу можно легко) и да пиво прям этот дизайнер заслуживает)😂🎉

[@alexeybychkov_]

ну класс) 🥳

[@Alexandraizotova727]

Сетка из направляющих это конечно мощно, это еще постараться нужно😅

[@alexeybychkov_]

Ну))

[@AnnetLogacheva]

Божечки, про выравнивание через панель с шифтом - это просто откровение))

[@alexeybychkov_]

🤟🥳🤟

[@Merigold8]

Благодаря урокам Алексея есть время писать комменты!

[@alexeybychkov_]

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

[@user-wm6du2wm7m]

В одном уроке столько полезной информации. Большое спасибо!

[@alexeybychkov_]

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

[@nata_nativ]

Не перестаю удивляться тебе! Вот читаю тему "Выравнивание". Ну, что такого кардинально нового можно услышать? Начинаю смотреть и нахожу столько полезностей, что сама себе удивляюсь :) Как всегда, мерси за хоткеи и плагины :)

[@alexeybychkov_]

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

[@lizkaleto]

про лайфхак туда-сюда - топ!))

[@alexeybychkov_]

Огонь)

[@semenova_911]

Привязки максимально нужная тема, особенно с моим глазомером 😂

[@alexeybychkov_]

Да!

[@user-ww4ye5cj6b]

Блин, про квантайзер вообще забыла, а ведь реально упрощает работу(( Спасибо большое, как всегда полезно. 😀😀

[@alexeybychkov_]

ага, сейчас шифт + А и квантайзер заменять начинает)

[@user-ke5si4wc5m]

Очень полезное видео) Quantizer это конечно находка) и про Distribute spacing очень полезно, супер новая информация, не знала про Distribute которые прятались в Arrange. Спасибо за видео :)

[@alexeybychkov_]

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

[@TihiyChel]

Спасибо тебе дружище,очень информативно👍надеюсь благодаря твоим роликам, я освою фигму

[@alexeybychkov_]

А как иначе

[@illiaivanskiy]

После лайфхака с иконками я перед тем как смотреть сначала ставлю жирный лайк😤

[@alexeybychkov_]

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

[@alinapolyanskaya1690]

Выравнивание по центру супер часто использую, а вот по краям фрейма почему-то всегда оставалось в стороне. Курс - конфетка!

[@alexeybychkov_]

Вот и замечательно!

[@neyronarts8037]

Как поставить 1000 лайков? это видео шикарное. Постоянно были проблемы с такими моментами выравнивания, а тут прям пару кликов и готово. Спасибо огромное! Для читающих комменты подчеркну: не проходите мимо такого видео. Можно разными путями придти к отличному дизайн-макету, но затраченное время будет разным (и нервы).

[@alexeybychkov_]

спасибо за коммент 🎉🥳

[@bibimoi_ru]

Корона из треугольника без "прицеливания", рисования вручную или как я пыталась сделать из нескольких фигур что-то и объединяла, потом в слоях четри что! Генерация свободного времени на высшем уровне просто. Работать как-то иначе не хочется совершенно, только с использованием этих фишек! Спасибо!

[@alexeybychkov_]

Ну класс 🎉

[@fursik85nv]

Зачетно, контент на канале на все 100 и плюс🎉 и вытягивая направляющие я прям слышу эту фразу еще с прошлых видео:"направляющая ,чтоб направление проверять, а не сетку из нее стороить"😂

[@alexeybychkov_]

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

[@konstantinkostya4294]

невероятно полезный урок, как всегда

[@alexeybychkov_]

Супер)

[@ylazima]

Спасибо. То, что можно двигать выделенные кнопки, стало для меня открытием на обновленном курсе!

[@alexeybychkov_]

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

[@ValeriaKuzmina]

очень полезная инфа, пива этому дизайнеру!😅

[@alexeybychkov_]

🍻

[@nadiagrishaeva1309]

Контент огонь! Приятно слушать, предельно точно, чётко и по делу) спасибо!!!

[@alexeybychkov_]

Ну класс)

[@miku199430]

Лайфхаки на 12й минуте - 🔥

[@alexeybychkov_]

супер

[@woooliy3571]

обожаю ляпы в конце! угар аххаха

[@alexeybychkov_]

🎉

[@anas_pen]

Ну просто лучший! Спасибо за крутую подачу и полезные лайфхаки)

[@alexeybychkov_]

Спасибо! ❤️

[@lizkaleto]

квантайзер - ваще 8 чудо света)))

[@alexeybychkov_]

Да, но сейчас и автолейаут со свапом нормально справляется)

[@iskin7103]

Спасибо огромное за уроки! Просто кладезь полезной инфы! Фил хуг! 💞

[@alexeybychkov_]

Фил Хуг!

[@alina_adamovich]

Алексей 🤩🤩🤩🤩🤩 это очешуительно, благодарю за такой топовый контент))

[@alexeybychkov_]

круто, очень рад!

[@lizkaleto]

alt+h и alt+v наверное одно из первых, что запомнила))

[@alexeybychkov_]

Супер 🥳

[@Alekseev_Oleg]

Огонь, батареи! Огонь, батальон! Всё очень органично, чётко и весело рассказываешь!Приятно смотреть и слушать, как всегда, собственно!Кстати , руки дрожат -это обо мне, всегда нужен такой автовыравниватель!)😊))❤🎉💪Благодарю!

[@alexeybychkov_]

огонь)

[@elenasattarova3928]

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

[@alexeybychkov_]

❤️ пожалуйста!

[@evilmiya_]

Когда нибудь я перестану поднимать челюсть с пола после просмотра))) Она не будет падать х)) Спасибо за видео❤

[@alexeybychkov_]

🥹

[@pinkpanther2349]

Спасибо большое! Море информации.

[@alexeybychkov_]

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

[@izanami4152]

Очень информативно! Спасибо за ваш труд)

[@alexeybychkov_]

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

[@golovina-wp]

Доброго! Спасибо за новое видео и полезняхи) Парой лайфхаков пользовалась уже раньше)

[@alexeybychkov_]

Ну класс

[@viktorsh4870]

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

[@alexeybychkov_]

спасибо!

[@mira_st]

Спасибо за классный контент! Лайфхаки как всегда огонь! 🔥🔥🔥

[@alexeybychkov_]

пожалуйста!

[@Stepashka89]

Я прям очень много нового узнала! Ваши лайфхаки просто потрясные! Спасибо огромное)

[@alexeybychkov_]

Супер!

[@VeraSadko]

А я знала про выравнивание элементов через Alt+shift🥳 Спасибо, Лёша, всегда есть чего черпануть🫶🎄

[@alexeybychkov_]

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

[@vaykiki]

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

[@alexeybychkov_]

пожалуйста!

[@lolchen_art]

крутой урок, столько полезностей!!!

[@alexeybychkov_]

Ну класс)

[@Lelik312]

От души огромный лайк❤. Заслушалась, засмотрелась

[@alexeybychkov_]

спасибо!

[@sul.gulnar]

Круто🔥 Спасибо👍 Словарь ты еще на проводе хахаха

[@alexeybychkov_]

😅

[@matthewmacarenkoff3807]

шикардо!)

[@alexeybychkov_]

🥳

[@tauerwaz9352]

спасибо большое за отличный курс

[@alexeybychkov_]

пожалуйста!

[@Eugenia_Safonova]

Лёша, супер!🔥 Спасибо!❤

[@alexeybychkov_]

пожалуйста!

[@laasqaa]

смотрю завороженно каждый видос балдежик, спасибо!

[@alexeybychkov_]

очень рад!

[@user-albert87]

Благодарю за отличный урок!👍

[@alexeybychkov_]

спасибо!

[@sergei_bolotov]

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

[@alexeybychkov_]

пожалуйста!

[@gringreen2793]

Конечно полезно, супер видосы)

[@alexeybychkov_]

ну класс

[@Denizes_]

Благодарю! Супер!

[@alexeybychkov_]

пожалуйста!

[@evgeniyakarpenko2496]

Как много лайфхаков!!

[@alexeybychkov_]

ну))

[@nfrigus]

Огнище огнищеснское, спасибо, бро!

[@alexeybychkov_]

ну класс)

[@dan.vaniev]

Отлично)) По началу тоже мышкой кликал, а сейчас перехожу на хоткеи - удобнее и быстрее, прицеливаться не нужно. Спасибо за ролики! 👍👍

[@alexeybychkov_]

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

[@more_ux]

Смотрю уже раз третий, как любимый фильм еа ночь

[@alexeybychkov_]

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

[@lymanina]

огненный выпуск!

[@alexeybychkov_]

Супер

[@CheMiChanGa10]

Очень полезно, что о некоторых вещах из ролика в ролик напоминаешь. Зато раз на 2-3 осознанные ученики уже наизусть знают какие кнопки жмакать)

[@alexeybychkov_]

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

[@user-qz6ub2ox5r]

Легенда, спасибо за счастливое детство!

[@alexeybychkov_]

♥️

[@Bonaidea]

Первый раз в истории я все лайфхаки из ролика уже знала и использовала 😯 Ноооо всё равно ж смотреть интересно! Мне кажется, надо уже полнометражку делать и в кино показывать🍿🍿🍿

[@alexeybychkov_]

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

[@irfi8]

Класс!

[@alexeybychkov_]

🎉

[@yseidova]

Отличный ролик, спасибо за лайфхак с отступами по бокам, все четко, без лишних чик чириков, если ты понимаешь о чем я🤣

[@alexeybychkov_]

О да))

[@Dbd_071]

the best!

[@alexeybychkov_]

спасибо!

[@VesnaVGolove]

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

[@alexeybychkov_]

пожалуйста!

[@mahon2513]

Спасибо

[@alexeybychkov_]

пожалуйста!

[@Alexandra_mkhv]

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

[@alexeybychkov_]

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

[@user-mr8ze7dg2q]

Спасибо за полезнишее видео👍 Да, я видела некоторые дизацнеры делают сайт с тремя направляющими, по бокам и середине. Так вообще можно 🤔

[@alexeybychkov_]

еще и ставят их криво 😅

[@dmitryblagodarovshorts]

Комментарий для продвижения ролика, вот :) Спасибо!

[@alexeybychkov_]

♥️ спасибо!

[@born_in_april]

Спасибище за лайфхаки! Мне всё интереснее кто же этот редиска, который пользуется направляющими вместо сетки, о котором я слышу почти в каждом ролике)

[@alexeybychkov_]

Да во всех самых «награждаемых» школах учат и направляющие вместо сетки делать, и дизайн воровать под копирку просто меняя контент

[@Alexandraizotova727]

Я тоже как-то пришла к тому, что выравнять элементы мне проще через АЛ, а потом можно его просто убрать) по наитию😄

[@alexeybychkov_]

Супер

[@nastyanichiporchik9950]

Чтобы избавиться от направляющей, её ещё можно просто за видимую рабочую область перетащить. Просто зажать и выкинуть)

[@alexeybychkov_]

🤟🥳🤟

[@lizkaleto]

боже наконцето-то я с этой печенькой справа сверху разобралась! а то я как-то ее по наитию тыкала)))

[@alexeybychkov_]

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

[@lizkaleto]

аааафигеть! как можно не создавать группу, чтобы выровнять все по центру контейнера? просто зажать shift или alt и всё! мир полон чудес!))

[@alexeybychkov_]

Главное вспомнить в нужный момент)

[@andreykrsk124]

Отдельная благодарочка за плагины!!!

[@alexeybychkov_]

пожалуйста!

[@healthyfoodandfun]

Офигеть! Я думала, что так и надо сидеть все попиксельно двигать))) а есть ли лайфхаки по рисованию табличек, чтобы и столбцы и строки ровно стояли относительно друг друга и чтобы еще поспать успеть в этот день?

[@alexeybychkov_]

лайфхаков много не бывает))

[@lizkaleto]

сетка из направляющих - загадка века)) ЗАЧЕМ?)))

[@alexeybychkov_]

Сделать вид что ты дизайнер 😀

[@auror.]

Спасибо за полезные советы-подсказки. Понравилось решение с линиями "под пятками текста", так можно и иконки, дивайдеры и т.п. выровнивать. А вот по выравниванию относительно центров нескольких объектов не все классно - все же хочется функцию как в иллюстраторе, чтобы можно было указать объект относительно которого выравниваются все другие объекты. При выравнивании по центру двух объектов, у меня часто оба объекта смещаются, а нужно чтобы смещался только один относительно другого. Может кто-то подскажет как это лучше делать? А в целом ролик получился насыщенный полезной информацией, так что прийдется пересматривать.

[@alexeybychkov_]

Может со временем и такое появится в фигме

[@aleksandraaiam]

Очень удобно использовать зажатый shift/alt для смены дистрибьюторов на относительно внешний контейнер:) Вот только кнопка откликается через раз. В чем может быть причина?

[@alexeybychkov_]

Не знаю( может фигма багует

[@user-ze1nv6en7b]

добрый день, подскажите, если у вас курс с сопровождением?

[@alexeybychkov_]

вот тут вся информация про обучение alexeybychkov.study

[@vestazaytseva141]

Про сетку из направляющих очень смешно😂 кто знает, тот поймёт))

[@alexeybychkov_]

отдельно еще про них в 16 ролике будет)

[@user-xz1gi5jg6v]

Было бы не плохо про цвет посмотреть

[@alexeybychkov_]

лежат уже ролики 14, 15, 16 - про сетки. То что вам ни на одном курсе не расскажут 17, 18, 19 - про цвет. Аналогично 20 - про бордер 21 - эффекты 22, 23 и на днях запишу 24 - про текст и типографику. То что никто не рассказывает можно смотреть на бусти на 3-4 месяца раньше, чем в ютубе: boosty.to/alexeybychkov

[@lizkaleto]

ах вот куда девается ленейка! shift+R)))))

[@alexeybychkov_]

Ну))

[@moon.lit7]

Как я хочу к вам на курс за 🎉

[@alexeybychkov_]

🥳

[@ValerySells]

👍

[@alexeybychkov_]

🥳

[@user-so7wf5np9w]

чёткая борода

[@alexeybychkov_]

😎

[@Evesences]

А почему в конце было использовано именно ctr+E? Оно ведь стало одной фигурой теперь, вдруг нужно будет что-то подвинуть, расстояние изменить?

[@alexeybychkov_]

в режиме точек (enter) можно двигать что угодно и как угодно

[@user-so7wf5np9w]

Quantizer -- вчера искал плагин с такой функцией, когда 69 шрифтов для логотипа сортировал

[@alexeybychkov_]

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

[@born_in_april]

Моё состояние: в режиме улитки выхожу из режима улитки.

[@alexeybychkov_]

терпи)

[@user-mv3bb3nz7m]

У меня почему в панели выравнивания ( которая на северо-востоке) в Хроме только шесть иконок. Иконки More options почему-то нет. Приходится каждый раз в firefox лазить

[@alexeybychkov_]

Попробуй обновить браузер

[@Sveta9]

что-то выравнивание нескольких объектов без группировки-разгруппировки по shift/alt у меня не получилось ((((

[@alexeybychkov_]

эх(

[@user-mm8be8hn2q]

Да. Я вот тоже не пойму - нафига делать сетку и з направляющих?

[@alexeybychkov_]

В 14-15-16 роликах нового курса еще не раз эту тему обсудим. Это 3 видео про сетки. Ответы сразу на все вопросы. Подобного в ютубе просто нет. И на платных курсах не рассказывают 😉

[@superwisdom1]

Аранге - гутанге )))

[@alexeybychkov_]

😅