🔥 Библиотека сеток в Figma: как настроить, подключить сетки для адаптива? Фигма с нуля
Vložit
- čas přidán 4. 08. 2024
- #alexeybychkov #figma #figma_tutorial
Привет, ребзя. Первый ролик про библиотеки. В этот раз рассказал как подключать библиотеки сеток, и как использовать удобные сетки для быстрого адаптива
Официальный сайт - www.figma.com
Лучший чат по фигме - t.me/figmachat
Сайт по фигме - pofig.me/ или figma.help
Карта канала - start.video
Файл со скриншотами для насмотренности: boosty.to/alexeybychkov/posts...
CZcams - / @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
Ребзя! Помогите своей активностью новому курсу: лайки, комменты, ну все как вы умеете :) Спасибо! Обнял-приподнял
Смотреть видео на 3-4 месяца раньше - boosty.to/alexeybychkov
Лучший чат по фигме - t.me/figmachat
Сайт по фигме - pofig.me/ или figma.help
Карта канала - start.video
Без сеток никуда. Хоть сайт, хоть карточка товара, хоть что - незаменимый инструмент. Раньше руками делали направляющими в фш, а сейчас - красота. Леха, как всегда, уровень 10/10
огонь) 🎉
Эй, это же всего лишь библиотека сеток, а так много инфы...
Супер, спасибо большое!
Ну!
Насколько же полезный курс, супер!
Да!
Очень удобный лайфхак подписывать сетку размером контентной области и отступами👍
А что еще для счастья нужно))
Спасибо за просмотр)
На платном курсе об этом промолчали. Алексей ! Благо дарю !🤝
платные курсы ни о чем
Спасибо огромное за потрясающие уроки и за позитивное настроение 💚👍🌹
рад, что нравится! 🎉
На платных курсах про это точно не рассказывают:) Алексей, спасибо за ваш труд!
Да! пожалуйста!
Полностью согласна! От видео Алексея в разы больше пользы)
Юху! Новое видео подъехало!😍 Спасибище!💛
пожалуйста!
афигеть! еще и как самим добавить свои сетки в библиотеку! ♥
Спасибо за жменю комментов! ❤️🥰
Алексей, спасибо за такие уроки. Очень доходчиво объясняете!👍
Особенно нравится то, что вы практически в каждом видео знакомите с удобным плагином.
Вот и пожалуйста)
Подача кайф, насыщенность профессионализм без воды получай удовольствие
❤️🎉🥳
дада, мы теперь в курсе про два типа сеток)
Огонь)
Библиотека сеток это кладезь полезной информации, не надо ломать голову какую сетку сделать👍
рад, что полезно
Алексей, спасибо большое за ваши уроки!
Спасибо за просмотр)
Твои сетки самые удобные🔥
Давно ими пользуюсь, спасибо, что даешь такую возможность🫶
🎉 🎉 🎉
Ты сам как библиотека) Спасибо за очередной классный ролик! Уже все настроила, как ты показал. Пойду практиковать дальше по твоим урокам.
Круто)
Заготовки эти прям выручают,инфа как обычно ТОП!!! Спасибо 😊
Супер
Ну, что сказать) король фигмы 💪🏻💪🏻спасибо за информативные и веселые ролики)
😊
Инфа как всегда на миллион! спасибо!😍
Супер
Класс! Инфа просто🔥 Все на высшем уровне, как всегда. Сетки реально упрощают жизнь) Уже добавила
Ну класс 🥳
Огонь-огонь-огнь! Классный ролик, как всегда!
ееее
Спасибо! Очень круто разложил по полочкам) После курса люди с Figmой на ТЫ)))
огонь))
Спасибо огромное за МЕГА полезное видео! Смешнявки никогда не разочаровывают :)
Ну класс)
Всё меньше доверия к платным курсам) Очень полезный видос 🔥
они больше не нужны)) особенно от тех, у кого еще усики не выросли ))
Спасибо большое за ваш труд!
Спасибо за просмотр)
всё оч просто и понятно - куда и зачем какую сетку!
Супер) 🥳
Спасибо за ролик)
пожалуйста!
Спасибо за новую порцию полезнятеньки🤗😘
пожалуйста!
Спасибо Теперь будут заготовки сеток) А я обычно копировала с предыдущих работ своих
пожалуйста!
Большое спасибо! Очень полезная информация, теперь у меня во всех новых файлах уже будут сеточки:)
Супер) пожалуйста!
Давно пользуюсь твоими сетками, спасибо большое, что делишься) круто, что можно настроить на все файлы библиотеки, реально упрощает и не нужно постоянно искать)
Огонь)
Ооо.. ну сетки это ж база, обязательно к просмотру, как освобожусь, надо будет подробненько это дело изучить заново 🔥
Мало, где нормально расскажут про это
Спасибо!
звучит как план)
Супер мега полезно! и помним: послушал - сразу сделай, как сказано! Благодарочка!
Спасибо за просмотр)
Очень полезное видео и материалы, буду использовать, спасибо)
Очень рад!
Вот это каеф 🔥
И видос класс и стили супер, очень полезно.
Спасибище!!👍🏻
🥳🎉
Спасибо за урок! Полезно как всегда :)
Ну класс
обожаю твои заготовки🥰а теперь еще понялa, как сделать свой собственные + добавилa в коллекцию еще один полезный плагин) Спасибо
круто, очень рад!
Так вооот как сделать такое удобство) Спасибо, ну очень актуальный полезный ролик! И за заготовки на figma help благодарность) Теперь работа пойдёт быстрее 🔥
пожалуйста!
Спасибо ☺️ здоровьячка тебе крепкого, Алексей! Не останавливайся :) крутой контент
супер)
Еще больше полюбила сетки! Спасибо большое! Супер! 🧡
Ну класс 🎉
Спасибо тебе большое, дружище))
Спасибо за просмотр)
Лучший курс😍😍😍
♥️
Спасибо за ролик
Спасибо за просмотр)
как всегда круто! Спасибо большое!
пожалуйста!
Спасибо за полезную инфу, Алексей!
пожалуйста!
Супер! Спасибо)
Очередной раз "СПАСИБО" за очень полезную инфу!!!🤗
пожалуйста!
спасибо❤🔥
пожалуйста!
А скоро ли будет про автолайяуты, варианты, компоненты?
Очень очень жду)
Да уже скоро наверное
спасибо за полезный ролик 🙂
пожалуйста!
За крутой плагин - отдельное спасибо🔥
пожалуйста!
Алексей, привет! Отличный материал. Но позволь вопрос - в прошлых видео у тебя под адаптивы были разрешения 1000 - 768 - 480 - 360. В этом видео ты вытаскиваешь другой немного набор - 960 - 768 - 480 - 360. Подскажи, почему планшеты тут у тебя 960? Или это не имеет особого значения?
записал отдельный ролик почему переехал на с 1000 на 960, лежит на бусти, как-нибудь и в ютубе опубликую. Разница всего в 40 пх, а у заказчика продажи вырастут сразу на 25%
@@alexeybychkov_ подписался))))
Алексей, а планируется ли подобное видео про Local Variables, а именно как запихивать туда цвета и потом классифицировать их по типу Primitives, Semantic и т.д. я пока не нашел ни одного видео на просторах Ютаба про это, но в дизайн чатах ребята такие библиотеки формируют что я в шоке. Или может у вас есть такое видео и я пропустил его... очень хочу использовать фигму на максимум
да полно роликов про переменные в ютубе. В рамках курса тоже про них рассказывать буду, но видимо ролик этот в свет выйдет не быстро. Как минимум, на бусти будет лежать 5-6 месяцев после записи
Спасибо огромное за контент! Но я вот не поняла все же кое что, мы делаем фрейм 1920 а сетку 1280 и все равно начинать когда сетка 1280 не прям от первой колончки контент, а немного отступая? то есть где то на 1240? а как тогда сделать и саму сетку по меньше или просто на глаз отступать от первой колоночки?
Есть ролики про сетку, 14 15 и 16 там подробно все объяснил
Алексей, делайте обзор на penpot, отличная альтернатива Figma.
не пользовался, не знаю что это. А делать ролик просто ради ролика не хочется
Спасибо
пожалуйста!
Жаль, что все это только на платном тарифе фигмы, а так конечно как всегда круто и полезно!)
Оно того стоит
А верстальшику норм, если менять сетки внутри одного фрейма?! Я думала так нельзя
Да ничего страшного в этом нет
А я не могу подключить. Пишет, что надо к платной версии подключиться. Но в тоже время по]вились какие-то сетки с совершенно другими странными названиями, типа ''огромная, очень большая и т.д.'' Это оно что ли?
да только на платном тарифе(
Помогаю: лайкаю, «коменчу» и хочу чтобы этот мега полезный контент в ютубе увидело как можно большее количество людей!
спасибо!
🎉😊
🎉
После таких роликов использовать направляющие грех)
100%)
Хотела подписаться на бусти, а оплата не проходит, обидно😕
Эх( я на патреоне все дублирую
@@alexeybychkov_ Спасибо,попробую!
Делаю проект под свои задачи. Сетки не использую.
Все на авто слоях. Для ограничения ширины контента использую только 2 направляющие. в 1920 80пх отступ по краям и все...
как по мне бутсрап сетка - прошлый век...
🤟
Чтобы попасть на ваш сайт нужно включить впн
(В моем случае подходит только Америка, а чтобы попасть на файл фигмы, нужно выключить),
возможно потомучто я из Украины. Костыли чучуть.
Библиотека доступна только для платного тарифа))
Так и сказал вроде
@@alexeybychkov_ дааа, но в конце 😅
Мне одной не дает опубликовать библиотеку на фри тарифе ? Или я что-то делаю не так?
Они только на платном