Рассказываем, как её настроить и использовать сразу в нескольких макетах. Как включить сетку Модульную сетку можно включить только у фрейма. Если ваш макет свёрстан в группе, её можно быстро превратить в фрейм: Чтобы включить сетку, выделите фрейм и на панели настроек нажмите на плюсик в блоке Layout Grid. Форматы сеток Grid — простая пиксельная сетка в клетку. По умолчанию Figma включает именно её с шагом в десять пикселей: Columns — колонки. Делит макет вертикально: Rows — строки. Делит макет...

Модульная сетка — это система расположения объектов в пространстве на основе строк и столбцов определенного размера. Модульная сетка — это «скелет» дизайна, который помогает расположить элементы сайта гармонично и логично. Она избавляет от хаоса, упрощает верстку и делает макет визуально приятным для пользователя. Давайте разберем пример, который вы выбрали, и поймем, почему он работает. Вы делите 1170 px на повторяющиеся блоки: 70 px (колонка) / 15 px (гуттер) / 15 px / 70 px / 15 px / 15 px и так далее...