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