🔥 Сетка в Figma из направляющих? Почему горизонтальная сетка ерунда? Фигма с нуля

Поделиться
HTML-код
  • Опубликовано: 9 июл 2024
  • #alexeybychkov #figma #figma_tutorial
    Привет, ребзя. Рассказал почему горизонтальная сетка в Фигме полная шляпа. Как сделать нормальную сетку из направляющих. И почему нельзя нажимать на глазик
    Официальный сайт - www.figma.com
    Лучший чат по фигме - t.me/figmachat
    Сайт по фигме - pofig.me/ или figma.help
    Карта канала - start.video
    Файл со скриншотами для насмотренности: 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/
    💰❤️ Поддержать канал:
    бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
    патреон - / alexeybychkov - английский, доллары
    0:00 - уже 3 ролик про сетки
    0:57 - почему горизонтальная сетка шляпа
    6:47 - вертикальный ритм
    8:20 - сетки можно копировать
    9:17 - если посрался с верстальщиком
    10:13 - нельзя нажимать глазик
    11:52 - сетка внутри сетки
    13:23 - сетка из направляющих
    15:04 - сетка для дашбордов
    16:29 - лайфхак с сеткой
    •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
    Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 38 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
    Мои книги:
    «Дизайн и фриланс. Начало» - clck.ru/JE8ku
    «Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
    #figma #фигма #alexeybychkov
    Мир фейсов: @
    #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

Комментарии • 521

  • @alexeybychkov_
    @alexeybychkov_  8 месяцев назад +9

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

  • @user-ig4xf1ud6u
    @user-ig4xf1ud6u 8 месяцев назад +17

    Лучше канала о дизайне и не найти. Даже минимального нет на платных курсах, столько тут в свободном доступе. 🔥🔥🔥

  • @invertedtriangle4301
    @invertedtriangle4301 8 месяцев назад +14

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

    • @alexeybychkov_
      @alexeybychkov_  8 месяцев назад +2

      Круто) Очень рад!

    • @denpoddubny5890
      @denpoddubny5890 28 дней назад

      @@alexeybychkov_ like in pills! 🍻 hug you!

  • @user-gp9el2bp9u
    @user-gp9el2bp9u 4 месяца назад +4

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

  • @gogy_jan
    @gogy_jan 7 месяцев назад +7

    Насчёт «А что, так можно было?» - ОГНИЩЕ! Никогда бы не подумал, что обычное применение сетки абсолютно меняет логику поведения «начинки»!!!!!🥳

    • @alexeybychkov_
      @alexeybychkov_  7 месяцев назад +1

      чит))

    • @chopppi
      @chopppi 5 месяцев назад

      я вот тоже в шоке сижу 0_o

  • @user-dr4br6st3k
    @user-dr4br6st3k 18 дней назад +1

    Долго не мог понять как действуют эти привязки к сетке, а тут всё за 20 секунд объяснили и показали! Алексей, вы гений! 😎😎😎

  • @lis.garland_n5039
    @lis.garland_n5039 7 месяцев назад +7

    Полезной информации больше, чем на некоторых платных курсах. Спасибо Вам, Алексей!

  • @anastasiashilina1148
    @anastasiashilina1148 Месяц назад +1

    Целый час сжатой ценной инфы про сетки - даже на платных курсах не всегда так много дают. Спасибо!

  • @user-wx3gt6ei8q
    @user-wx3gt6ei8q 5 месяцев назад +3

    Быстрее бы уже следующие ролики)) Лучшего учителя я не встречал, спасибо Вам

    • @alexeybychkov_
      @alexeybychkov_  4 месяца назад

      Можно не ждать, на бусти лежит 15 новых роликов boosty.to/alexeybychkov

  • @Korolevich_Elisey
    @Korolevich_Elisey 8 месяцев назад +7

    Отличное видео! Очень познавательное и информативное. Леша объясняет сложные вещи простым и понятным языком, что делает просмотр максимально комфортным. Особенно порадовало, что видео не просто рассказывает о сетках в Figma, но и показывает, как их можно применять на практике. Спасибо за такое качественное и полезное видео!

  • @lesyailyushenko4973
    @lesyailyushenko4973 2 месяца назад +1

    Леша, столько полезной информации и бесплатно...Многим преподавателям онлайн школ по дизайну надо поучиться у тебя, еще и слушать интересно, ну просто - 🧡

  • @lolchen_art
    @lolchen_art Месяц назад +1

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

  • @user-mj4kj7mq2f
    @user-mj4kj7mq2f 2 месяца назад

    спасибо за классный курс!

  • @MariaPakhnits
    @MariaPakhnits 2 месяца назад +1

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

  • @elenasattarova3928
    @elenasattarova3928 3 месяца назад +1

    Как всегда, все на высоте, с юмором и суперинтересно с такой-то подачей!

    • @alexeybychkov_
      @alexeybychkov_  3 месяца назад

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

  • @user-gq1pd6sc3y
    @user-gq1pd6sc3y 2 месяца назад +1

    Крутяк, очень полезная инфа. Ты лучший!!!🙌

  • @user-nm6yg3wc2s
    @user-nm6yg3wc2s 2 месяца назад +1

    Третий раз смотрю твои ролики про сетки! Ну вот это же огонь огненный😀Адаптив графиков пригодится в следующей домашке про дашики😃))))

  • @user-fo4se3ym3w
    @user-fo4se3ym3w 2 месяца назад +1

    спасибо за чудесную информацию🌟

  • @user-mm8be8hn2q
    @user-mm8be8hn2q 5 месяцев назад +2

    Сегодня видел короткий ролик: «Зачем нужны направляющие в дизайне?». Видать смотрят тебя. Задевает. Продолжай.

  • @hanterpro3053
    @hanterpro3053 7 месяцев назад +2

    Всегда удивляюсь с того, как понятно и информативно подаешь контент. Спасибо!

  • @mira_st
    @mira_st 6 месяцев назад +4

    Прислушиваться к своему внутреннему дизайнеру, а не только всё 777 раз отмерять - это действительно важный момент. Не говоря уже о куче пользы по технике! Спасибо ❤

  • @user-qr6py6lx7p
    @user-qr6py6lx7p 3 месяца назад +1

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

    • @alexeybychkov_
      @alexeybychkov_  3 месяца назад

      огонь) спасибо за просмотр!

  • @user-fh1de2gc1l
    @user-fh1de2gc1l 8 месяцев назад +1

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

    • @alexeybychkov_
      @alexeybychkov_  8 месяцев назад +1

      Да длинные ролики плохо смотрят(

  • @golovina-wp
    @golovina-wp 5 месяцев назад +2

    Теперь знаю, как адаптивить графики) Жду следующее видео) И ещё жду видео про анимацию в фигме. Чувствую, там будет очень много полезного!

    • @alexeybychkov_
      @alexeybychkov_  4 месяца назад +1

      Так можно адаптивить что угодно, не только графики

  • @user-ng7og6xf1y
    @user-ng7og6xf1y 5 месяцев назад

    Спасибо, Леша! Это лучшие видео про фигму и дизайн!

  • @user-vl1co2uq8x
    @user-vl1co2uq8x 5 месяцев назад +1

    Лайфхак с добавлением сетки блоку с начинкой для грамотного адаптива - это просто огнище!! Спасибо)

  • @_eplusk
    @_eplusk 5 месяцев назад

    Очень нравятся ваши ролики. Не скучно и много полезного. Сижу с тетрадочкой и все записываю)

    • @alexeybychkov_
      @alexeybychkov_  4 месяца назад

      записывать - отличный план!

  • @elenasattarova3928
    @elenasattarova3928 3 месяца назад

    Отличный курс, каждое видео - идеально и подробно разобрано. Спасибо.

  • @user-pz3bi1bt3b
    @user-pz3bi1bt3b 2 месяца назад

    спасибо за видео, информативно)

  • @ejevica
    @ejevica 5 месяцев назад +1

    Вот это открытие для меня было про копирование сеток! 😆😆😆 Для каждого фрейма каждый раз новую создавала и так ругалась, почему же нельзя ко всем фреймам применить. А оно вон как просто оказалось! Спасибо, дорогой человек. Будь здоров и процветай!

  • @pinkpanther2349
    @pinkpanther2349 Месяц назад

    Спасибо большое! 🌟🌟🌟 Полезная информация.

  • @user-dm7lu5jw9x
    @user-dm7lu5jw9x 3 месяца назад

    Кратко и понятно, самые классные ролики по фигме 🔥

  • @Iris-i-r-i-s
    @Iris-i-r-i-s 5 месяцев назад +1

    Алексей, спасибо огромное за твои туториалы! Ну это просто кладезь полезности и так понятно всегда. Агонь)) ❤

  • @user-od5hp8ov5f
    @user-od5hp8ov5f 2 месяца назад +1

    На платных курсах даже близко такого не расскажут)) Спасибо!

  • @user-gy2wu9cs6z
    @user-gy2wu9cs6z 2 месяца назад +1

    Лёша, согласна с тобой, много смотрела обучающих видео от дизайнеров, которые учат использовать направляющие вместо привычной и удобной сетки. Мне кажется они просто выпендриваются😄 На твоих примерах поняла, что без сетки никуда. Большое спасибо))) Как всегда очень полезно! Огонь🔥🔥🔥

    • @alexeybychkov_
      @alexeybychkov_  Месяц назад +1

      Или просто не умеют сетку настраивать и не ценят свое время

  • @amaart7997
    @amaart7997 18 дней назад +1

    Мне очень нравится подача! Спасибо что делишься знаниями! 👏👏👏

  • @TatyCyganok
    @TatyCyganok 8 месяцев назад

    Спасибо! Этот и два предыдущих ролика ОГОНЬ!

  • @Anastasiya_Anisimova
    @Anastasiya_Anisimova 5 месяцев назад +1

    Обожаю твои полезные видео🔥

  • @tauerwaz9352
    @tauerwaz9352 3 месяца назад +1

    Большое спасибо! Обожаю ваш канал !

  • @vladislava_v9722
    @vladislava_v9722 3 месяца назад +1

    самые полезные и нескучные ролики, залетают на ура с чайком))))))))

  • @vickykey4575
    @vickykey4575 5 месяцев назад

    Самые полезные видео про фигму) за адаптив графиков отдельное спасибо

    • @alexeybychkov_
      @alexeybychkov_  4 месяца назад +1

      Так можно адаптивить не только графики, а что угодно

  • @tanyagurina707
    @tanyagurina707 10 дней назад

    Супер понятно и просто! Спасибо)

  • @akonyzheva
    @akonyzheva 7 месяцев назад

    Спасибо, Леша! Очень интересно и познавательно! Просто добавление сетки так кардинально меняет поведение элементов. Очень круто!

  • @vickisska
    @vickisska 8 месяцев назад

    Спасибо ! Ждем ролики про библиотеку

  • @olgasemenova1960
    @olgasemenova1960 8 месяцев назад

    Класс, Леша! Спасибо за контент! Такого и правда не рассказывают на платных курсах)

  • @marialive792
    @marialive792 5 месяцев назад +1

    Все три ролика просто огонь!

  • @belkabelka8931
    @belkabelka8931 4 месяца назад

    Как всегда контент на высоте, супер полезно! 🔥Спасибо ❤️

    • @alexeybychkov_
      @alexeybychkov_  3 месяца назад

      Очень рад! что полезно

  • @EllaNora
    @EllaNora Месяц назад

    😻Отличный, полезный ролик, спасибо!

  • @user-fb4fy7sm7w
    @user-fb4fy7sm7w 8 месяцев назад

    💥💥💥Спасибо за полезные видео!

  • @karinakozlova9417
    @karinakozlova9417 5 месяцев назад +1

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

    • @alexeybychkov_
      @alexeybychkov_  5 месяцев назад +2

      Ну, усики еще не выросли, а они уже дизайну учат 😅 так еще и свои направляющие криво ставят

  • @olyapustovalova9537
    @olyapustovalova9537 6 месяцев назад

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

  • @lanabanana729
    @lanabanana729 4 месяца назад +1

    Это просто невероятно, такой полезный материал, еще и с юмором! Спасибо)

  • @yuliafetisova2233
    @yuliafetisova2233 5 месяцев назад +1

    Спасибо большое за классный подробный курс! Теперь все прояснилось!

    • @alexeybychkov_
      @alexeybychkov_  5 месяцев назад

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

  • @user-nm6yg3wc2s
    @user-nm6yg3wc2s 5 месяцев назад +1

    Классный лайфхак про сетку и адаптивы🔥🔥🔥Да и в остальном как всегда супер полезно! Сердечное спасибо!)🧡

  • @adelinanitsenko5452
    @adelinanitsenko5452 5 месяцев назад +1

    Очередной шедевр подъехал! Ваш канал - это находка года

  • @Igor-zx4ti
    @Igor-zx4ti Месяц назад

    Отличная серия про сетки! Спасибо!

  • @nastyaartamonova6726
    @nastyaartamonova6726 8 месяцев назад +1

    Леша, спасибо тебе большое за то, что ты делаешь!

  • @Lizaspp
    @Lizaspp 2 месяца назад +2

    Столько вопросов ушло после 3-х роликов, сетка сейчас не кажется чем-то непонятным и пугающим. Спасибо, Лёша!

  • @viktoriya-photo
    @viktoriya-photo 5 месяцев назад

    Как всегда Великолепно)) спасибо!

  • @user-rm1id6jg1k
    @user-rm1id6jg1k 8 месяцев назад

    Спасибо за ролик! Стало понятно про сетки и теперь совсем не страшно, а то раньше темный лес. И за лайфхак в конце тоже спасибо!

  • @trueolivius8536
    @trueolivius8536 2 месяца назад

    как обычно удивил) спасибо!

  • @val_ma
    @val_ma 5 месяцев назад

    Супер,спасибо за полезный контент❤

  • @daryasergeevna8373
    @daryasergeevna8373 5 месяцев назад

    Новый ролик! Спасибо за супер полезный контент ❤❤❤

  • @user-mr8ze7dg2q
    @user-mr8ze7dg2q 5 месяцев назад +1

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

    • @alexeybychkov_
      @alexeybychkov_  5 месяцев назад

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

  • @alenabystrenkova7277
    @alenabystrenkova7277 4 месяца назад

    Спасибо за видео!

  • @user-gw4gw8ev5e
    @user-gw4gw8ev5e 8 месяцев назад

    Спасибо! Супер полезный ролик!🤩

  • @user-jg2ps2ef4k
    @user-jg2ps2ef4k 5 месяцев назад

    Спасибо! Полезный ролик!

  • @nata_nativ
    @nata_nativ 5 месяцев назад +1

    Какая крутая приятность с утра. Наливаю кофеек и бегом смотреть. :)

  • @user-cm5ho1ul9o
    @user-cm5ho1ul9o 8 месяцев назад

    Спасибо за супер подробный курс)!

  • @lizkaleto
    @lizkaleto 8 месяцев назад

    Классный контент и момент и компонент)) Благодарю)

  • @anaflorixoxo
    @anaflorixoxo 8 месяцев назад +1

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

  • @user-st3bm9ki4y
    @user-st3bm9ki4y 8 месяцев назад

    Спасибо за 3 видео про сетки! Теперь всё понятно🎉

  • @user-lq5de5rq8m
    @user-lq5de5rq8m 8 месяцев назад

    Спасибо Лёша за полезную информацию, очень интересно получать такие знания)

  • @user-oz5ze5ty1d
    @user-oz5ze5ty1d 2 месяца назад

    спасибо за ролик

  • @kic_nik
    @kic_nik 8 месяцев назад

    Спасибо за ролик, как всегда классно!

  • @user-wi2cz1tl8t
    @user-wi2cz1tl8t 8 месяцев назад

    большое спасибо, очень познавательно!😊

  • @vswinport
    @vswinport 5 месяцев назад

    Очередное открытие, спасибо!

  • @kate_tsvetkova
    @kate_tsvetkova 8 месяцев назад +2

    Только пару дней назад подумала, а почему я не использую горизонтальную сетку, а после просмотра думаю ну и правильно делаю 😅

  • @safa_d
    @safa_d 7 месяцев назад

    Цените момент и компонент) Спасибо за урок!

  • @anastasyayakushenko4377
    @anastasyayakushenko4377 5 месяцев назад +1

    Классный, бесплатный и самый лучший курс по фигме 😍

  • @alina_adamovich
    @alina_adamovich 5 месяцев назад +1

    Это офигенно, Алексей!🔥🔥🔥🔥

  • @user-xs8ty9dg5s
    @user-xs8ty9dg5s 6 месяцев назад +4

    Ролики Леши как хорошее вино. Они с каждым годом все более насыщенные, зрелые, идеальной длительности и c безупречным послевкусием 🤌🍷
    Спасибо за идеальный контент🔥🔥🔥🔥🔥

    • @alexeybychkov_
      @alexeybychkov_  6 месяцев назад +1

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

  • @nv_arkhipova
    @nv_arkhipova 5 месяцев назад

    Про колонки вообще открытие🤩 здорово🎉 спасибо, что поделился таким крутым лайфхаком🤗

    • @alexeybychkov_
      @alexeybychkov_  5 месяцев назад

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

  • @shishyou
    @shishyou 8 месяцев назад +1

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

  • @Anton0001-ov6of
    @Anton0001-ov6of 4 месяца назад +1

    Чётко и по делу! Адаптив графиков - огонь!

    • @alexeybychkov_
      @alexeybychkov_  4 месяца назад +1

      Так можно адаптивить что угодно, не только графики

  • @alinamg65
    @alinamg65 8 месяцев назад

    спасибо за такой крутой контент!

  • @alinachelsea3275
    @alinachelsea3275 8 месяцев назад

    Ну какой годный лайфхак в конце! Спасибо!

  • @TheKsunya14
    @TheKsunya14 8 месяцев назад

    Про офсет до этого не знала (да и особо нигде не нужен был), спасибо за видео)

  • @lizaveta2769
    @lizaveta2769 8 месяцев назад

    объяснение пушка, большое спасибо за то, что ты делаешь! 💐

  • @ellinaparandii5015
    @ellinaparandii5015 5 месяцев назад +1

    Подача Агонь. Контент очень актуальный.
    Я после платных курсов потеряла мотивацию, так как не могу найти пока работу, ведь сейчас 300-500 кандидатов на вакансию, хотя в школе даже получила награду за дизайн проекта по ux/ui части.
    Спасибо тебе, Алексей❤, что помогаешь верить, что все не зря было. Ну, на крайний случай, как хобби останется. Так как обожаю эстетику и безупречность. С тобой дотяну еще технические скиллы🎉

    • @alexeybychkov_
      @alexeybychkov_  5 месяцев назад

      пожалуйста! рад, что нравится! 🎉

  • @LeonidKaratay
    @LeonidKaratay 8 месяцев назад

    Супер классная серия роликов про сетку , спасибо большое за информацию ❤

  • @Eugenia_Safonova
    @Eugenia_Safonova 5 месяцев назад

    Отличный ролик! Спасибо за море полезной информации и хорошего настроения! Теперь много стало понятно!🔥

    • @alexeybychkov_
      @alexeybychkov_  5 месяцев назад

      ну класс) пожалуйста!

  • @user-ye8bd6jj8m
    @user-ye8bd6jj8m 5 месяцев назад

    Класс) спасибо огромное ❤🤗

  • @user-dr4br6st3k
    @user-dr4br6st3k 20 дней назад

    Некоторые ролики с первого раза не заходят, хотя я не новичок (как я думал 😀😀😀). Просматриваю и повторяю всё за вами, Алексей! Чтобы закрепить! И про Тильду мою любимую упомянули! Благодарю! Лайк! Крутейший курс!

  • @user-oc8cu4ry1r
    @user-oc8cu4ry1r 2 месяца назад

    сууупер) спасиб💥

  • @natali2835
    @natali2835 8 месяцев назад

    Очень полезно, а магия с адаптивом так вообще) спасибо!

  • @user-up7nm7kh3n
    @user-up7nm7kh3n 5 месяцев назад

    Спасибо! 🙏 Про сетку внутри контейнера не знала😅

  • @ya.yaroky
    @ya.yaroky 2 месяца назад +1

    А ведь точно гениальный контент, точно гениальный!

  • @user-tu7iz6zr5t
    @user-tu7iz6zr5t 7 месяцев назад

    Сильно интересно. Особенно про имитацию той старой сетки из направляющих (но на голову лучше старой и автоматизированную). А ещё про то, как классно можно сделать адаптив, просто привязав его к сетке! 🔥

    • @alexeybychkov_
      @alexeybychkov_  7 месяцев назад

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

  • @Fanil8
    @Fanil8 8 месяцев назад

    Спасибо за полезную информацию, как всегда много полезного и интересного.