Как в фигме скрыть сетку горячие клавиши

В Figma скрыть сетку можно с помощью горячих клавиш Ctrl + ‘ (на Windows) или Cmd + ‘ (на macOS). Эта комбинация переключает видимость сетки в активном фрейме или на холсте. Если вы работаете с расширенными настройками, такими как layout grids или constraints, важно понимать разницу между типами сеток — они управляются отдельно.

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

Самый быстрый способ — использование горячих клавиш. Но важно понимать, что в Figma существует несколько видов сеток: сетка холста, layout grid и constraints. Каждая из них управляется по-разному. Многие начинающие пользователи сталкиваются с путаницей: нажимают Ctrl + ‘, но сетка не исчезает. Причина — в том, что команда применяется только к основной сетке холста, а не к вспомогательным направляющим внутри фреймов.

Типы сеток в Figma: в чём разница?

В Figma существует три основных типа сеток, которые часто путают между собой:

• Сетка холста (Canvas Grid) — фоновая сетка, которая покрывает всё рабочее пространство. Используется для общего выравнивания объектов.
• Layout Grid — структурированные направляющие, добавляемые внутрь фреймов или групп. Позволяют создавать колоночные макеты, отступы и каркасы.
• Constraints — не визуальная сетка, но система привязки, определяющая поведение элементов при изменении размеров фрейма.

Каждый тип решает свою задачу. Основная сетка холста — это ориентир для всех объектов. Layout grid используется для создания адаптивных макетов, например, 12-колоночной сетки в веб-дизайне. Constraints же работают «под капотом» и не отображаются, если не включить режим просмотра.

Как проверить, какой тип сетки вы видите?

Если вы не уверены, с чем работаете, выполните следующие шаги:

1. Выберите пустое пространство на холсте (не кликайте по объектам).
2. Нажмите Ctrl + ‘ (или Cmd + ‘).
3. Если сетка исчезла — это была сетка холста.
4. Если ничего не изменилось — возможно, вы видите layout grid.

Для управления layout grid нужно выбрать конкретный фрейм, где она применена, и отключить её в правой панели свойств.

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

Скрытие основной сетки — одна из самых частых операций в Figma. Она позволяет сосредоточиться на дизайне без визуального шума.

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

Альтернативные способы скрыть сетку холста

Если по какой-то причине горячие клавиши не работают (например, конфликт с раскладкой клавиатуры), можно воспользоваться меню:

1. Перейдите в верхнее меню: View.
2. Найдите пункт Show Grid.
3. Снимите галочку — сетка исчезнет.

Также можно использовать командную палитру:

• Нажмите Ctrl + / (Windows) или Cmd + / (macOS).
• Начните вводить «grid».
• Выберите команду «Toggle Grid».

Как управлять layout grid: показать и скрыть

Layout grid — это более сложный инструмент, чем сетка холста. Он применяется к отдельным фреймам и позволяет задавать колонки, отступы и гutter’ы.

Чтобы скрыть layout grid:

1. Выберите фрейм, к которому применена сетка.
2. В правой панели найдите раздел Layout Grids.
3. Нажмите на значок глаза рядом с названием сетки — он станет серым.

Обратите внимание: в одном фрейме может быть несколько сеток (например, колоночная и строковая). Каждую из них можно включать и выключать отдельно.

Горячие клавиши для layout grid

В отличие от сетки холста, у layout grid нет единой глобальной комбинации для включения/выключения. Однако вы можете использовать:

• Ctrl + R (Windows) / Cmd + R (macOS) — чтобы быстро добавить или отредактировать layout grid в выбранном фрейме.
• Shift + Tab — переключает видимость всех направляющих, включая layout grid (если включено в настройках).

Настройка Shift + Tab доступна в:

• Figma → Preferences → Keyboard & Mouse → «Hide/Show Guides and Grids».

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

Многие пользователи сталкиваются с проблемами при попытке скрыть сетку. Вот типичные сценарии и решения.

Ошибка 1: Нажимаю Ctrl + ‘, но сетка не исчезает

Возможные причины:

• Вы используете layout grid, а не сетку холста.
• Клавиша ‘ находится в другой раскладке (например, в русской это эмодзи или кавычки).
• Конфликт с другим приложением (например, экранная клавиатура или расширение браузера).

Решение: Переключитесь на английскую раскладку и повторите комбинацию. Либо используйте меню View → Show Grid.

Ошибка 2: Сетка пропадает, но потом возвращается сама

Это может происходить, если:

• Вы работаете в команде, и другой участник включил сетку.
• Вы случайно нажали комбинацию второй раз.
• Используется плагин, который автоматически включает сетку при определённых действиях.

Рекомендуется проверить список установленных плагинов и отключить те, которые могут вмешиваться в отображение.

Продвинутые советы по работе с сетками

Профессиональные дизайнеры используют сетки не только для выравнивания, но и для повышения эффективности.

Создайте шаблон с предустановленными сетками

Подготовьте файл-шаблон с:

• Сеткой холста 8px.
• Layout grid 12 колонок, gutter 24px, margin 48px.
• Цветовой схемой для направляющих.

Такой шаблон можно дублировать для новых проектов, экономя до 15 минут на старте.

Используйте разные цвета для разных типов сеток

В настройках layout grid можно задать цвет направляющих. Например:

• Синий — основная колоночная сетка.
• Зелёный — строковая сетка.
• Серый — вспомогательные отступы.

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

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

По его словам, 78% начинающих дизайнеров слишком зависят от визуальной сетки. Они не могут работать, когда она скрыта. Профессионалы же используют её как вспомогательный ориентир, а не как обязательную рамку.

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

Заключение

Управление сетками в Figma — базовый, но критически важный навык для любого дизайнера. Знание того, как и когда скрывать сетку, помогает повысить продуктивность и качество презентаций. Главное — разделять типы сеток: основная сетка холста управляется через Ctrl + ‘ или Cmd + ‘, а layout grid — через панель свойств.

• Ctrl + ‘ (Windows) и Cmd + ‘ (macOS) — быстрое переключение сетки холста.
• Layout grid управляется отдельно — через панель свойств.
• Сетки не экспортируются и не видны вне редактора.
• Настройте горячие клавиши под себя в разделе Settings.
• Используйте цвета и шаблоны для эффективной работы.