Добрый день дорогие читатели! Я долго решался и наконец-то сделал это. У меня много мыслей вертится в голове, хочу делиться ими с вами на постоянной основе. А мысли как понятно из названия канала о нашем любимом редакторе Фигма (Figma). Я не буду начинать с таких топовых статей о том, как регистрироваться в фигме, как начать в ней работать и бла бла бла. Мои гайды будут для тех людей кто уже понимает, что такое фигма и для чего она нужна.
А начнем мы с сеток. Без них никуда! Я по привычке использую сетки, которые очень похожи на сетки фреймворка Бутстрап.
Потому что как сказал мне один программист:
«в бутстрапе существует не меряно готовых шаблонов для использования и вывода различных компонентов. Сверстать можно что угодно, но используя бутстрап для ленивых — мы уменьшаем стоимость верстки и даже самый не далекий верстальщик с легкостью сможет вносить правки на сайте».
Поэтому мы посидели с ним и вывели на наш взгляд идеальные сеточки для фигмы, которые будут понятны любому верстальщику.
Сетка намбер 1!
Это сеточка на экраны размером от 1200. Я использую ее всегда с размером фрейма 1920, просто потому что мне так удобно.
Сетка намбер 2!
Этой сеточкой я пользуюсь для адаптива. На самый маленький экран, в основном это мобилка размером 360px, это просто 4 колонки, растянутые на всю ширину экрана с отступами по 20px
Сетка намбер 3!
Эту сеточку я использую, начиная с размера 992px и меньше
Сетка намбер 4!
Эту сеточку я использую, начиная с размера 768px и меньше
Вот в принципе и все сетки которыми я пользуюсь для создания, и они уже прошли проверку достаточно большим количеством сайтов, и у верстальщиков не было претензий))
Даю ссылочку на мою библиотеку сеточек) Ниже опишу как установить и пользоваться ими.
Установка сеток
- Откройте ссылку с сетками в браузере, либо в десктопном приложении.
- Затем в верхнем выпадающем меню выберите (Duplicate to your Drafts)
- После чего в ваших драфтах, появится файл
- И теперь всего лишь нужно зайти в библиотеку и нажать кнопку Publish
Все, библиотека сеток загружена, теперь просто при создании документа в библиотеки нужно включать набор сеток, в платных версиях этого делать конечно не нужно так как там есть возможность создания командной библиотеки
Задавайте вопросы и ждите еще всяких разных публикаций)