🔥 Библиотека сеток в Figma: как настроить, подключить сетки для адаптива? Фигма с нуля
HTML-код
- Опубликовано: 1 авг 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 - ролики про сетку
0:24 - 2 типа сеток
2:45 - как работает библиотека сеток
7:14 - как подключить библиотеку сеток
13:57 - как быстро создать локальные стили
15:47 - сетки сами включаются в новых файлах
17:07 - что делать на бесплатном тарифе
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 38 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
#figma #фигма #alexeybychkov
Мир фейсов: @
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
![[NEW] 🔥 Figma Variants как пользоваться? Настраиваем варианты компонентов. Урок 15](/img/1.gif)
Ребзя! Помогите своей активностью новому курсу: лайки, комменты, ну все как вы умеете :) Спасибо! Обнял-приподнял
Смотреть видео на 3-4 месяца раньше - boosty.to/alexeybychkov
Лучший чат по фигме - t.me/figmachat
Сайт по фигме - pofig.me/ или figma.help
Карта канала - start.video
Без сеток никуда. Хоть сайт, хоть карточка товара, хоть что - незаменимый инструмент. Раньше руками делали направляющими в фш, а сейчас - красота. Леха, как всегда, уровень 10/10
огонь) 🎉
Алексей, спасибо за такие уроки. Очень доходчиво объясняете!👍
Особенно нравится то, что вы практически в каждом видео знакомите с удобным плагином.
Вот и пожалуйста)
Насколько же полезный курс, супер!
Да!
Эй, это же всего лишь библиотека сеток, а так много инфы...
Супер, спасибо большое!
Ну!
Спасибо огромное за потрясающие уроки и за позитивное настроение 💚👍🌹
рад, что нравится! 🎉
Класс! Инфа просто🔥 Все на высшем уровне, как всегда. Сетки реально упрощают жизнь) Уже добавила
Ну класс 🥳
Ты сам как библиотека) Спасибо за очередной классный ролик! Уже все настроила, как ты показал. Пойду практиковать дальше по твоим урокам.
Круто)
Ну, что сказать) король фигмы 💪🏻💪🏻спасибо за информативные и веселые ролики)
😊
афигеть! еще и как самим добавить свои сетки в библиотеку! ♥
Спасибо за жменю комментов! ❤️🥰
Заготовки эти прям выручают,инфа как обычно ТОП!!! Спасибо 😊
Супер
Твои сетки самые удобные🔥
Давно ими пользуюсь, спасибо, что даешь такую возможность🫶
🎉 🎉 🎉
Юху! Новое видео подъехало!😍 Спасибище!💛
пожалуйста!
Давно пользуюсь твоими сетками, спасибо большое, что делишься) круто, что можно настроить на все файлы библиотеки, реально упрощает и не нужно постоянно искать)
Огонь)
На платном курсе об этом промолчали. Алексей ! Благо дарю !🤝
платные курсы ни о чем
всё оч просто и понятно - куда и зачем какую сетку!
Супер) 🥳
Вот это каеф 🔥
И видос класс и стили супер, очень полезно.
Спасибище!!👍🏻
🥳🎉
На платных курсах про это точно не рассказывают:) Алексей, спасибо за ваш труд!
Да! пожалуйста!
Полностью согласна! От видео Алексея в разы больше пользы)
Очень удобный лайфхак подписывать сетку размером контентной области и отступами👍
А что еще для счастья нужно))
Спасибо за просмотр)
дада, мы теперь в курсе про два типа сеток)
Огонь)
Так вооот как сделать такое удобство) Спасибо, ну очень актуальный полезный ролик! И за заготовки на figma help благодарность) Теперь работа пойдёт быстрее 🔥
пожалуйста!
Подача кайф, насыщенность профессионализм без воды получай удовольствие
❤️🎉🥳
Инфа как всегда на миллион! спасибо!😍
Супер
Большое спасибо! Очень полезная информация, теперь у меня во всех новых файлах уже будут сеточки:)
Супер) пожалуйста!
Библиотека сеток это кладезь полезной информации, не надо ломать голову какую сетку сделать👍
рад, что полезно
Спасибо за урок! Полезно как всегда :)
Ну класс
Супер мега полезно! и помним: послушал - сразу сделай, как сказано! Благодарочка!
Спасибо за просмотр)
Спасибо тебе большое, дружище))
Спасибо за просмотр)
Спасибо! Очень круто разложил по полочкам) После курса люди с Figmой на ТЫ)))
огонь))
Еще больше полюбила сетки! Спасибо большое! Супер! 🧡
Ну класс 🎉
Алексей, спасибо большое за ваши уроки!
Спасибо за просмотр)
Спасибо Теперь будут заготовки сеток) А я обычно копировала с предыдущих работ своих
пожалуйста!
Спасибо огромное за МЕГА полезное видео! Смешнявки никогда не разочаровывают :)
Ну класс)
Очень полезное видео и материалы, буду использовать, спасибо)
Очень рад!
Спасибо ☺️ здоровьячка тебе крепкого, Алексей! Не останавливайся :) крутой контент
супер)
Спасибо за новую порцию полезнятеньки🤗😘
пожалуйста!
Огонь-огонь-огнь! Классный ролик, как всегда!
ееее
Спасибо большое за ваш труд!
Спасибо за просмотр)
Всё меньше доверия к платным курсам) Очень полезный видос 🔥
они больше не нужны)) особенно от тех, у кого еще усики не выросли ))
Очередной раз "СПАСИБО" за очень полезную инфу!!!🤗
пожалуйста!
Ооо.. ну сетки это ж база, обязательно к просмотру, как освобожусь, надо будет подробненько это дело изучить заново 🔥
Мало, где нормально расскажут про это
Спасибо!
звучит как план)
Лучший курс😍😍😍
♥️
Спасибо за ролик)
пожалуйста!
обожаю твои заготовки🥰а теперь еще понялa, как сделать свой собственные + добавилa в коллекцию еще один полезный плагин) Спасибо
круто, очень рад!
Супер! Спасибо)
Спасибо за полезную инфу, Алексей!
пожалуйста!
как всегда круто! Спасибо большое!
пожалуйста!
Спасибо за ролик
Спасибо за просмотр)
За крутой плагин - отдельное спасибо🔥
пожалуйста!
спасибо за полезный ролик 🙂
пожалуйста!
спасибо❤🔥
пожалуйста!
А скоро ли будет про автолайяуты, варианты, компоненты?
Очень очень жду)
Да уже скоро наверное
Помогаю: лайкаю, «коменчу» и хочу чтобы этот мега полезный контент в ютубе увидело как можно большее количество людей!
спасибо!
Спасибо
пожалуйста!
Алексей, делайте обзор на penpot, отличная альтернатива Figma.
не пользовался, не знаю что это. А делать ролик просто ради ролика не хочется
Алексей, а планируется ли подобное видео про Local Variables, а именно как запихивать туда цвета и потом классифицировать их по типу Primitives, Semantic и т.д. я пока не нашел ни одного видео на просторах Ютаба про это, но в дизайн чатах ребята такие библиотеки формируют что я в шоке. Или может у вас есть такое видео и я пропустил его... очень хочу использовать фигму на максимум
да полно роликов про переменные в ютубе. В рамках курса тоже про них рассказывать буду, но видимо ролик этот в свет выйдет не быстро. Как минимум, на бусти будет лежать 5-6 месяцев после записи
Жаль, что все это только на платном тарифе фигмы, а так конечно как всегда круто и полезно!)
Оно того стоит
Спасибо огромное за контент! Но я вот не поняла все же кое что, мы делаем фрейм 1920 а сетку 1280 и все равно начинать когда сетка 1280 не прям от первой колончки контент, а немного отступая? то есть где то на 1240? а как тогда сделать и саму сетку по меньше или просто на глаз отступать от первой колоночки?
Есть ролики про сетку, 14 15 и 16 там подробно все объяснил
Алексей, привет! Отличный материал. Но позволь вопрос - в прошлых видео у тебя под адаптивы были разрешения 1000 - 768 - 480 - 360. В этом видео ты вытаскиваешь другой немного набор - 960 - 768 - 480 - 360. Подскажи, почему планшеты тут у тебя 960? Или это не имеет особого значения?
записал отдельный ролик почему переехал на с 1000 на 960, лежит на бусти, как-нибудь и в ютубе опубликую. Разница всего в 40 пх, а у заказчика продажи вырастут сразу на 25%
@@alexeybychkov_ подписался))))
А верстальшику норм, если менять сетки внутри одного фрейма?! Я думала так нельзя
Да ничего страшного в этом нет
После таких роликов использовать направляющие грех)
100%)
🎉😊
🎉
Чтобы попасть на ваш сайт нужно включить впн
(В моем случае подходит только Америка, а чтобы попасть на файл фигмы, нужно выключить),
возможно потомучто я из Украины. Костыли чучуть.
А я не могу подключить. Пишет, что надо к платной версии подключиться. Но в тоже время по]вились какие-то сетки с совершенно другими странными названиями, типа ''огромная, очень большая и т.д.'' Это оно что ли?
да только на платном тарифе(
Делаю проект под свои задачи. Сетки не использую.
Все на авто слоях. Для ограничения ширины контента использую только 2 направляющие. в 1920 80пх отступ по краям и все...
как по мне бутсрап сетка - прошлый век...
🤟
Хотела подписаться на бусти, а оплата не проходит, обидно😕
Эх( я на патреоне все дублирую
@@alexeybychkov_ Спасибо,попробую!
Библиотека доступна только для платного тарифа))
Так и сказал вроде
@@alexeybychkov_ дааа, но в конце 😅
Мне одной не дает опубликовать библиотеку на фри тарифе ? Или я что-то делаю не так?
Они только на платном