Технология Bootstrap верстки является очень популярной у front-end разработчиков. Поэтому очень важно создать такой дизайн интерфейса, который верстальщик сможет быстро и качественно сверстать. Данная сетка является отражением стандартных параметров Bootstrap сетки: 12 колонок с внутренними 30 пикселей и крайними 15 пикселей отступами.

Ниже приведено изображение данной сетки в Figma.

Файл обновлен: добавлены сетки ВСЕХ разрешений bootstrap.


Сетка Bootstrap 4 для Figma

Скачать Bootstrap Grid для Figma (Download Bootstrap Grid for Figma):

Скачать

Установка:

После открытия файла - Нажмите в названии файла на стрелочку, которая раскрывает меню и выберите "Dublicate to you drafts"

Копирование проекта в Figma

Важно! Для того, чтобы на практике понять, как работает сетка Bootstrap - рекомендую ознакомиться с готовыми шаблонами Figma. В них вы сможете посмотреть, как привязываются объекты к сетке, как измерять расстояния и т.д. Ссылки на шаблоны: ссылка 1 и ссылка 2