🔥 Библиотека сеток в Figma: как настроить, подключить сетки для адаптива? Фигма с нуля

Поділитися
Вставка
  • Опубліковано 5 лют 2025

КОМЕНТАРІ • 186

  • @alexeybychkov_
    @alexeybychkov_  Рік тому +3

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

  • @dvmatveev
    @dvmatveev 7 місяців тому +7

    Без сеток никуда. Хоть сайт, хоть карточка товара, хоть что - незаменимый инструмент. Раньше руками делали направляющими в фш, а сейчас - красота. Леха, как всегда, уровень 10/10

  • @ДенисУрюпин-т6о
    @ДенисУрюпин-т6о 7 місяців тому +4

    Ну, что сказать) король фигмы 💪🏻💪🏻спасибо за информативные и веселые ролики)

  • @Evesences
    @Evesences 11 місяців тому +5

    Насколько же полезный курс, супер!

  • @yuliya.andrianova
    @yuliya.andrianova Місяць тому +1

    Алексей - гуру фигмы) просто лучший!

  • @miku199430
    @miku199430 6 місяців тому +1

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

  • @bad_tranquility
    @bad_tranquility 10 місяців тому +2

    Спасибо огромное за потрясающие уроки и за позитивное настроение 💚👍🌹

    • @alexeybychkov_
      @alexeybychkov_  9 місяців тому +1

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

  • @bibimoi_ru
    @bibimoi_ru Рік тому +1

    Заготовки эти прям выручают,инфа как обычно ТОП!!! Спасибо 😊

  • @user-goltz
    @user-goltz 11 місяців тому +2

    Ты сам как библиотека) Спасибо за очередной классный ролик! Уже все настроила, как ты показал. Пойду практиковать дальше по твоим урокам.

  • @mira_st
    @mira_st 11 місяців тому +1

    Так вооот как сделать такое удобство) Спасибо, ну очень актуальный полезный ролик! И за заготовки на figma help благодарность) Теперь работа пойдёт быстрее 🔥

  • @ЕкатеринаБратченя
    @ЕкатеринаБратченя 11 місяців тому +1

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

  • @chrome6624
    @chrome6624 6 місяців тому

    Супер мега полезно! и помним: послушал - сразу сделай, как сказано! Благодарочка!

    • @alexeybychkov_
      @alexeybychkov_  6 місяців тому

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

  • @ВаляБаклагина
    @ВаляБаклагина Рік тому +2

    Инфа как всегда на миллион! спасибо!😍

  • @maksim_caps
    @maksim_caps 6 місяців тому +1

    Вот это каеф 🔥
    И видос класс и стили супер, очень полезно.
    Спасибище!!👍🏻

  • @alexeymoiseev4956
    @alexeymoiseev4956 7 місяців тому +2

    На платных курсах про это точно не рассказывают:) Алексей, спасибо за ваш труд!

  • @SweetBabyMEOW
    @SweetBabyMEOW 7 місяців тому +2

    Юху! Новое видео подъехало!😍 Спасибище!💛

  • @ЮліяСидоренко-у8в
    @ЮліяСидоренко-у8в 7 місяців тому +2

    Класс! Инфа просто🔥 Все на высшем уровне, как всегда. Сетки реально упрощают жизнь) Уже добавила

  • @DashaArt-j6g
    @DashaArt-j6g Рік тому +1

    Алексей, спасибо большое за ваши уроки!

    • @alexeybychkov_
      @alexeybychkov_  11 місяців тому +2

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

  • @vaykiki
    @vaykiki 6 місяців тому +1

    Спасибо ☺️ здоровьячка тебе крепкого, Алексей! Не останавливайся :) крутой контент

  • @Alexandraizotova727
    @Alexandraizotova727 7 місяців тому +2

    Твои сетки самые удобные🔥
    Давно ими пользуюсь, спасибо, что даешь такую возможность🫶

  • @lizkaleto
    @lizkaleto 10 місяців тому +2

    афигеть! еще и как самим добавить свои сетки в библиотеку! ♥

    • @alexeybychkov_
      @alexeybychkov_  10 місяців тому +2

      Спасибо за жменю комментов! ❤️🥰

  • @juliaazokhava1292
    @juliaazokhava1292 Рік тому +1

    Большое спасибо! Очень полезная информация, теперь у меня во всех новых файлах уже будут сеточки:)

  • @NastassiaTamasheuskaya
    @NastassiaTamasheuskaya Рік тому +2

    Спасибо огромное за МЕГА полезное видео! Смешнявки никогда не разочаровывают :)

  • @Tirrotig
    @Tirrotig 9 місяців тому +2

    Спасибо за урок! Полезно как всегда :)

  • @ОльгаШишло-с7ш
    @ОльгаШишло-с7ш Рік тому +1

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

  • @csc_annem
    @csc_annem 11 місяців тому +1

    обожаю твои заготовки🥰а теперь еще понялa, как сделать свой собственные + добавилa в коллекцию еще один полезный плагин) Спасибо

  • @КамиллаМилованова
    @КамиллаМилованова 7 місяців тому +2

    Огонь-огонь-огнь! Классный ролик, как всегда!

  • @marinatabakaeva4759
    @marinatabakaeva4759 6 місяців тому +1

    Еще больше полюбила сетки! Спасибо большое! Супер! 🧡

  • @juliadiz494
    @juliadiz494 24 дні тому

    как будто всё знаю, а опять что-то новое, спасибо!!

  • @ДмитрийГорб-ж7н
    @ДмитрийГорб-ж7н 7 місяців тому +2

    На платном курсе об этом промолчали. Алексей ! Благо дарю !🤝

    • @alexeybychkov_
      @alexeybychkov_  6 місяців тому

      платные курсы ни о чем

  • @aleksandraaiam
    @aleksandraaiam 7 місяців тому +3

    Эй, это же всего лишь библиотека сеток, а так много инфы...
    Супер, спасибо большое!

  • @lizkaleto
    @lizkaleto 10 місяців тому +2

    всё оч просто и понятно - куда и зачем какую сетку!

  • @DianaTerziman
    @DianaTerziman 3 місяці тому

    какое невероятное видео, спасибо ❤‍🩹

  • @deniseagle
    @deniseagle 7 місяців тому +2

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

  • @Ksenia_diary
    @Ksenia_diary 7 місяців тому +2

    Библиотека сеток это кладезь полезной информации, не надо ломать голову какую сетку сделать👍

  • @ValeriaKuzmina
    @ValeriaKuzmina 10 місяців тому +1

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

  • @maksim_caps
    @maksim_caps 7 місяців тому +1

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

  • @romanegorov6597
    @romanegorov6597 7 місяців тому +1

    Спасибо! Очень круто разложил по полочкам) После курса люди с Figmой на ТЫ)))

  • @AnnetLogacheva
    @AnnetLogacheva Рік тому +1

    Спасибо за новую порцию полезнятеньки🤗😘

  • @lizkaleto
    @lizkaleto 10 місяців тому +2

    дада, мы теперь в курсе про два типа сеток)

  • @Alexandraizotova727
    @Alexandraizotova727 7 місяців тому +3

    Очень удобный лайфхак подписывать сетку размером контентной области и отступами👍
    А что еще для счастья нужно))

    • @alexeybychkov_
      @alexeybychkov_  6 місяців тому +1

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

  • @PavelPchelintsev-i2x
    @PavelPchelintsev-i2x 5 місяців тому +1

    Великолепный ролик...
    Спасибо!
    Понятия не имел, что для десктопа и мобилок есть правило center/stretch( Теперь это прям само собой разумеющимся кажется..

  • @oksilink1458
    @oksilink1458 Рік тому +1

    Спасибо большое за ваш труд!

  • @NikolayErofei4
    @NikolayErofei4 4 місяці тому +1

    Дай вам Бог здоровья!

  • @Polina_Vasilevskaya
    @Polina_Vasilevskaya 6 місяців тому

    Очередной раз "СПАСИБО" за очень полезную инфу!!!🤗

  • @Вамповесткаизвоенкомата

    Спасибо тебе большое, дружище))

    • @alexeybychkov_
      @alexeybychkov_  6 місяців тому +1

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

  • @ОльгаКечаева-и3ы
    @ОльгаКечаева-и3ы 6 місяців тому +1

    спасибо за полезный ролик 🙂

  • @youtubeNat
    @youtubeNat 10 місяців тому +1

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

    • @alexeybychkov_
      @alexeybychkov_  10 місяців тому +1

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

  • @Татьяна-ю1р2м
    @Татьяна-ю1р2м 9 місяців тому +1

    Лучший курс😍😍😍

  • @Alexandraizotova727
    @Alexandraizotova727 7 місяців тому +1

    За крутой плагин - отдельное спасибо🔥

  • @elcrossia
    @elcrossia 6 місяців тому +3

    Всё меньше доверия к платным курсам) Очень полезный видос 🔥

    • @alexeybychkov_
      @alexeybychkov_  6 місяців тому

      они больше не нужны)) особенно от тех, у кого еще усики не выросли ))

  • @adele_akhunova
    @adele_akhunova 6 місяців тому

    Спасибо за полезную инфу, Алексей!

  • @lizaorlova3187
    @lizaorlova3187 4 місяці тому

    Леша, спасибо за классный контент ❤🔥

  • @illiaivanskiy
    @illiaivanskiy Рік тому +1

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

  • @TheBloghappy
    @TheBloghappy 5 місяців тому +1

    Годнота!

  • @dernakovka
    @dernakovka 4 місяці тому

    Добрый день! Очень полезный курс!
    У вас в файле адаптив на 1000 px. До этого говорили, что перешли на 960 :))

  • @ЮліяТарасова-ж6э
    @ЮліяТарасова-ж6э 6 місяців тому

    как всегда круто! Спасибо большое!

  • @ЕкатеринаКрушинская

    Спасибо!💥

  • @КсенияАнфимова-ш5щ

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

  • @mmarnid
    @mmarnid 6 місяців тому

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

  • @OleksandrFedorov-q3u
    @OleksandrFedorov-q3u 5 місяців тому

    круто круть)

  • @elenasattarova3928
    @elenasattarova3928 10 днів тому +1

    Спасибо!

  • @CalmDesigner
    @CalmDesigner 3 місяці тому

    Супер полезно)

  • @markovichmax8853
    @markovichmax8853 5 місяців тому +1

    считаю себя профи, ведь смотрю Лешу с х1.5 скоростью) привет с 8 группы)

  • @ylazima
    @ylazima 11 місяців тому +1

    Помогаю: лайкаю, «коменчу» и хочу чтобы этот мега полезный контент в ютубе увидело как можно большее количество людей!

  • @Irbis-13-Kem
    @Irbis-13-Kem Рік тому

    спасибо❤‍🔥

  • @7785ф
    @7785ф 7 місяців тому +1

    Алексей, делайте обзор на penpot, отличная альтернатива Figma.

    • @alexeybychkov_
      @alexeybychkov_  6 місяців тому

      не пользовался, не знаю что это. А делать ролик просто ради ролика не хочется

  • @antonsmirnov5568
    @antonsmirnov5568 7 місяців тому +1

    Алексей, привет! Отличный материал. Но позволь вопрос - в прошлых видео у тебя под адаптивы были разрешения 1000 - 768 - 480 - 360. В этом видео ты вытаскиваешь другой немного набор - 960 - 768 - 480 - 360. Подскажи, почему планшеты тут у тебя 960? Или это не имеет особого значения?

    • @alexeybychkov_
      @alexeybychkov_  7 місяців тому +2

      записал отдельный ролик почему переехал на с 1000 на 960, лежит на бусти, как-нибудь и в ютубе опубликую. Разница всего в 40 пх, а у заказчика продажи вырастут сразу на 25%

    • @antonsmirnov5568
      @antonsmirnov5568 7 місяців тому

      @@alexeybychkov_ подписался))))

  • @asherdavidson4635
    @asherdavidson4635 2 місяці тому

    Алексей, привет! Уже неделю сижу над твоим потрясающим курсом. Смотрю все ролики подряд и прорабатываю материал. Ну до чего же ты крутой, это капец! Спасибо тебе огромное.
    Не знаю, отвечаешь ли ты тут на вопросы, но в башке их накопилось. Задам что-н. тут, а там видно будет.
    ВОПРОС:
    Ты создал фрейм и поменял его координаты расположения на Х-0, У-0. А откуда вообще берётся эта система координат и на сколько она важна? Изначально первый фрейм/элемент получается создаётся уже в каком-то скоординированном пространстве? Я-то всегда думал, что отсчёт идёт как раз от первого моего элемента в рабочей области. Чуть-чуть не понятно это, пожалуйста, подскажи.
    Спасибо!

    • @alexeybychkov_
      @alexeybychkov_  27 днів тому

      Ну надо же как-то управлять элементами в рабочей области) вчера обнова прилетела, теперь у первого фрейма по умолчанию координаты 0.0 будут

  • @bogdan-e6w
    @bogdan-e6w 7 місяців тому +1

    Алексей, а планируется ли подобное видео про Local Variables, а именно как запихивать туда цвета и потом классифицировать их по типу Primitives, Semantic и т.д. я пока не нашел ни одного видео на просторах Ютаба про это, но в дизайн чатах ребята такие библиотеки формируют что я в шоке. Или может у вас есть такое видео и я пропустил его... очень хочу использовать фигму на максимум

    • @alexeybychkov_
      @alexeybychkov_  7 місяців тому +1

      да полно роликов про переменные в ютубе. В рамках курса тоже про них рассказывать буду, но видимо ролик этот в свет выйдет не быстро. Как минимум, на бусти будет лежать 5-6 месяцев после записи

  • @tauerwaz9352
    @tauerwaz9352 8 місяців тому +1

    Спасибо огромное за контент! Но я вот не поняла все же кое что, мы делаем фрейм 1920 а сетку 1280 и все равно начинать когда сетка 1280 не прям от первой колончки контент, а немного отступая? то есть где то на 1240? а как тогда сделать и саму сетку по меньше или просто на глаз отступать от первой колоночки?

    • @alexeybychkov_
      @alexeybychkov_  7 місяців тому +1

      Есть ролики про сетку, 14 15 и 16 там подробно все объяснил

  • @innaoliynik6113
    @innaoliynik6113 7 днів тому

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

  • @ДарьяМ-л2с
    @ДарьяМ-л2с 6 місяців тому

    Жаль, что все это только на платном тарифе фигмы, а так конечно как всегда круто и полезно!)

  • @ДенисПиксель
    @ДенисПиксель 6 місяців тому

    Спасибо

  • @Olga_Ptaha
    @Olga_Ptaha 3 місяці тому

    Алексей, а где нынче, после обновы Фигмы кнопка с Гридом прячется?

    • @alexeybychkov_
      @alexeybychkov_  3 місяці тому

      справа снизу, опустили панель ниже заливки-обводки

  • @evgeniyakarpenko2496
    @evgeniyakarpenko2496 9 місяців тому +2

    А верстальшику норм, если менять сетки внутри одного фрейма?! Я думала так нельзя

    • @alexeybychkov_
      @alexeybychkov_  9 місяців тому +1

      Да ничего страшного в этом нет

  • @marandich7169
    @marandich7169 7 місяців тому +1

    А я не могу подключить. Пишет, что надо к платной версии подключиться. Но в тоже время по]вились какие-то сетки с совершенно другими странными названиями, типа ''огромная, очень большая и т.д.'' Это оно что ли?

    • @alexeybychkov_
      @alexeybychkov_  6 місяців тому

      да только на платном тарифе(

  • @olgakhabarina3655
    @olgakhabarina3655 6 місяців тому +1

    После таких роликов использовать направляющие грех)

  • @alexander_stark
    @alexander_stark 7 місяців тому +1

    Делаю проект под свои задачи. Сетки не использую.
    Все на авто слоях. Для ограничения ширины контента использую только 2 направляющие. в 1920 80пх отступ по краям и все...
    как по мне бутсрап сетка - прошлый век...

  • @alisaryndina766
    @alisaryndina766 6 місяців тому

    🎉😊

  • @emo4ka2004
    @emo4ka2004 5 місяців тому +1

    библиотеки только для платного тарифа, да?

    • @alexeybychkov_
      @alexeybychkov_  5 місяців тому

      ага только на платном

  • @andrey.boomin
    @andrey.boomin 2 місяці тому

    А какую сетку использовать для экранов 1920 ?

    • @alexeybychkov_
      @alexeybychkov_  Місяць тому

      какая тебе больше нравится)

  • @whiteltd5970
    @whiteltd5970 3 місяці тому

    Не хватает сетки для 1920 с контейнеров 1600px или 1680px, а так спасибо!

    • @alexeybychkov_
      @alexeybychkov_  2 місяці тому

      Можно самому сделать)

  • @ЕленаСергеевна-з6у
    @ЕленаСергеевна-з6у 5 місяців тому

    У меня в библиотеке откуда то взялись гайдлайны iOS, material design. Это так у всех или я случайно подключила?

    • @alexeybychkov_
      @alexeybychkov_  5 місяців тому

      Да у всех теперь так

  • @yamakasi_one2778
    @yamakasi_one2778 2 місяці тому

    Библиотеки только на платном тарифе?

  • @ЕленаСергеевна-з6у
    @ЕленаСергеевна-з6у 5 місяців тому

    Теперь похоже библиотеки только на платном тарифе

  • @KESHA0-ey3jm
    @KESHA0-ey3jm 6 місяців тому

    Хотела подписаться на бусти, а оплата не проходит, обидно😕

    • @alexeybychkov_
      @alexeybychkov_  6 місяців тому

      Эх( я на патреоне все дублирую

    • @KESHA0-ey3jm
      @KESHA0-ey3jm 6 місяців тому

      @@alexeybychkov_ Спасибо,попробую!

  • @ЕкатеринаБыканова-п6и
    @ЕкатеринаБыканова-п6и 5 місяців тому

    А почему у меня подключение библиотеки платно?

  • @retreack
    @retreack 6 місяців тому

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

    • @alexeybychkov_
      @alexeybychkov_  5 місяців тому +1

      эх, времена такие) без впн никуда

  • @setine214
    @setine214 11 місяців тому

    Библиотека доступна только для платного тарифа))

    • @alexeybychkov_
      @alexeybychkov_  11 місяців тому +2

      Так и сказал вроде

    • @setine214
      @setine214 11 місяців тому +1

      @@alexeybychkov_ дааа, но в конце 😅

  • @vaykiki
    @vaykiki 6 місяців тому

    Мне одной не дает опубликовать библиотеку на фри тарифе ? Или я что-то делаю не так?

    • @alexeybychkov_
      @alexeybychkov_  6 місяців тому

      Они только на платном