Как в фигме выключить сетку

В Figma сетка — это вспомогательный инструмент, помогающий выравнивать элементы и соблюдать единые отступы. Однако иногда она мешает работе, особенно при свободном позиционировании объектов или импорте макетов. К счастью, отключить сетку в Figma можно быстро и несколькими способами, в зависимости от контекста: на уровне страницы, фрейма или холста.

Типы сеток в Figma: что нужно знать

Figma поддерживает несколько видов сеток, каждая из которых используется в разных сценариях. Понимание различий между ними критически важно, чтобы правильно управлять их отображением и не путать временное скрытие с полным удалением.

Первый тип — Layout Grid (сетка компоновки). Она применяется к фреймам, группам или страницам и помогает выравнивать внутренние элементы. Layout Grid может быть колоночной, строковой, гексагональной или просто равномерной по осям X и Y. Такая сетка привязывается к границам контейнера и часто используется при создании адаптивных интерфейсов.

Второй тип — Overlay Grid (наложенная сетка). Эта сетка не привязана к конкретному объекту и накладывается поверх всего холста. Она полезна при проектировании сложных систем, где требуется единая структура на нескольких страницах. Overlay Grid задаётся на уровне страницы и может быть отключена независимо от других.

Третий тип — Custom Grid, который создаётся вручную с помощью фигур или линий. Он не является частью системы Figma и не управляется через панель свойств. Его можно скрыть только через слои или удалить физически.

Когда использовать каждый тип?

• Layout Grid: при разработке карточек, шапок, футеров, форм — где важна внутренняя структура.
• Overlay Grid: при создании дизайн-систем, где нужна единая метрика на всём документе.
• Custom Grid: для экспериментальных макетов или когда требуется уникальная разметка (например, радиальная сетка).

Выбор типа сетки влияет на способ её отключения. Например, Overlay Grid нельзя «удалить» из фрейма — её нужно отключать на странице. А Layout Grid удаляется вместе с настройками фрейма.

Как убрать сетку внутри фрейма

Наиболее частая ситуация — сетка появляется внутри фрейма, и вы хотите её убрать. Это происходит, когда к фрейму был добавлен Layout Grid, но теперь он мешает точному позиционированию элементов.

Шаги для отключения:

1. Выделите нужный фрейм на холсте.
2. Откройте правую панель свойств (если она скрыта — нажмите D или кликните на иконку слоёв).
3. Прокрутите вниз до секции Grids.
4. Найдите активную сетку (будет указана её тип и параметры).
5. Нажмите на значок корзины рядом с названием сетки или кликните по трём точкам и выберите «Remove».

После этого сетка исчезнет. Если вы передумали — воспользуйтесь отменой действия (Ctrl+Z).

Иногда в одном фрейме может быть несколько сеток. Например, колоночная и вспомогательная равномерная. В этом случае нужно удалять каждую отдельно. Обратите внимание на список — все активные сетки отображаются последовательно.

Альтернатива: скрыть вместо удаления

Если вы не уверены, стоит ли удалять сетку, используйте опцию скрытия:

• Оставьте сетку в настройках фрейма.
• Нажмите на глаз рядом с названием сетки в панели свойств.
• Сетка перестанет отображаться, но сохранится в настройках.

Это полезно, если вы временно работаете с нестандартными отступами, но потом вернётесь к сетке.

Отключение сетки на холсте и странице

Иногда сетка покрывает весь холст — это Overlay Grid. Она не привязана к фреймам и отображается на всём рабочем пространстве. Её легко спутать с фоном или направляющими.

Чтобы убрать Overlay Grid:

1. Кликните по пустому месту на странице (не по фрейму).
2. В правой панели найдите раздел Overlay Grid.
3. Если сетка активна — вы увидите её параметры (шаг, цвет, отступ).
4. Нажмите на значок глаза, чтобы скрыть, или на корзину — чтобы удалить.

Overlay Grid особенно часто используется в мастер-страницах и прототипах с высокой детализацией. Но при редактировании отдельных элементов она может отвлекать.

Если вы не можете найти, где находится сетка, проверьте:

• Не включена ли она на уровне страницы.
• Нет ли нескольких страниц с разными настройками.
• Не является ли сетка частью компонента из библиотеки.

В последнем случае сетка может быть заложена в мастер-компонент. Тогда её нужно редактировать в оригинале, а не в экземпляре.

Горячие клавиши для быстрого управления сеткой

Figma предлагает сочетания клавиш для мгновенного переключения режимов. Они экономят время и позволяют не отрываться от мыши.

Основные комбинации:

• Ctrl + ‘ (апостроф) — показать/скрыть все сетки на текущей странице.
• Shift + клик по объекту — временно отключить привязку к сетке при перемещении.
• Alt + стрелки — двигать объект с шагом в 1px, игнорируя сетку.

Первая команда — самая мощная. Даже если у вас десятки фреймов с разными сетками, Ctrl+’ скроет всё сразу. Это идеально подходит для презентаций или финальной проверки дизайна.

Настройка горячих клавиш

Figma не позволяет переопределять горячие клавиши по умолчанию. Однако вы можете создать собственные макросы через сторонние программы (например, AutoHotkey на Windows или Keyboard Maestro на Mac). Это полезно, если вы часто переключаетесь между режимами.

Также помните: на Mac используется Cmd + ‘, а не Ctrl. Это частая причина, почему команда не работает — пользователи Windows привыкли к Ctrl.

Распространённые ошибки и как их избежать

Многие пользователи сталкиваются с проблемами при попытке отключить сетку. Чаще всего это связано с непониманием, где именно она находится.

Самая частая ошибка — попытка удалить сетку через слои. Некоторые дизайнеры ищут её в виде отдельного объекта, но Layout Grid и Overlay Grid не отображаются в дереве слоёв. Они существуют только как свойства.

Вторая ошибка — отключение привязки вместо скрытия сетки. Привязка (snap) и отображение — разные вещи. Вы можете видеть сетку, но двигать объекты свободно (при зажатом Shift), или, наоборот, не видеть её, но при перемещении объекты цепляются за невидимые линии.

Третья ошибка — работа в библиотечном компоненте без понимания, что изменения затронут все экземпляры. Удаление сетки из мастера повлияет на все проекты, где используется этот компонент.

Как проверить, где активна сетка?

• Кликните по фрейму — посмотрите панель свойств.
• Кликните по пустому месту — проверьте наличие Overlay Grid.
• Откройте страницу в новом окне — убедитесь, что проблема не в масштабе.

Если сетка не исчезает после удаления — попробуйте обновить страницу (F5) или переключиться на другую вкладку. Иногда Figma «запоминает» состояние из-за кэша.

Экспертное мнение

Профессионалы используют сетку как временный ориентир. Например, при создании нового экрана они включают колоночную сетку (12 колонок), расставляют блоки, а затем убирают её, чтобы оценить визуальный баланс.

Также эксперты рекомендуют использовать скрытие вместо удаления. Это позволяет быстро переключаться между «рабочим» и «чистым» режимом. Особенно это важно при демонстрации дизайна заказчику.

Вопросы и ответы

Заключение

Отключение сетки в Figma — простая задача, но требует понимания структуры инструмента. Главное — различать типы сеток: Layout Grid привязана к фреймам, Overlay Grid — к странице, а Custom Grid создаётся вручную. Удаление, скрытие и временные методы вроде горячих клавиш позволяют гибко управлять её отображением.

• Сетку в Figma можно убрать через панель свойств, удалив или скрыв её.
• Для быстрого переключения используйте Ctrl+’ (Cmd+’ на Mac).
• Различайте Layout Grid и Overlay Grid — они управляются по-разному.
• Не удаляйте сетку из мастер-компонентов без согласования.
• Скрытие сетки безопаснее удаления — позволяет вернуться к ней в любой момент.