Как в фигме скрыть направляющие

В Figma скрыть направляющие можно быстро с помощью горячих клавиш или через меню просмотра. Основной способ — нажать Ctrl + ; (или Cmd + ; на Mac), что моментально включит или отключит видимость направляющих. Также это можно сделать вручную через верхнее меню View → Show Layout Grids, но горячая клавиша значительно ускоряет процесс.

Зачем скрывать направляющие: практические причины

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

При демонстрации прототипа, презентации проекта или подготовке к экспортам изображений лишние линии могут отвлекать. Скрытие направляющих позволяет сосредоточиться на содержании, а не на технической разметке. Это особенно важно при совместной работе с нетехническими специалистами — маркетологами, заказчиками, продакт-менеджерами.

Кроме того, постоянная видимость сеток и линеек может вызывать визуальный шум. Длительная работа с загруженным экраном снижает концентрацию и приводит к усталости глаз. Периодическое скрытие направляющих помогает «перезагрузить» восприятие и взглянуть на дизайн свежим взглядом.

Основные способы скрыть направляющие в Figma

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

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

• Ctrl + ; (на Windows) или Cmd + ; (на Mac) — основное сочетание для включения и отключения всех направляющих.
• Это действие переключает состояние: если направляющие были видны, после нажатия они исчезнут, и наоборот.
• Клавиша точки с запятой (;) должна использоваться без Shift — иначе команда не сработает.

Через меню View

Если вы предпочитаете работать с мышью, можно использовать верхнее меню:

1. Откройте вкладку View в верхней панели Figma.
2. Найдите пункт Show Layout Grids.
3. Снимите галочку, чтобы скрыть все сетки и направляющие.

Обратите внимание, что этот параметр называется «Layout Grids», но на практике он управляет всеми типами направляющих: и линейками, и колоночными сетками, и объектными guide-линиями.

Как управлять видимостью разных типов направляющих

Figma поддерживает несколько типов направляющих, и важно понимать, какие именно скрываются при использовании стандартных команд.

• Линейки и глобальные направляющие — линии, которые можно перетаскивать с линеек по бокам холста.
• Сетки макета (Layout Grids) — колоночные, строковые или модульные сетки, привязанные к фреймам.
• Сетки слоёв (Vector Grids) — редко используются, но доступны в векторных объектах.
• Направляющие компонентов — автоматические линии при работе с компонентами и экземплярами.

Команда Ctrl + ; скрывает все эти типы одновременно. Но если вам нужно управлять ими по отдельности, используйте следующие настройки:

Управление сетками макета

• Выделите фрейм, к которому привязана сетка.
• В правой панели инспектора найдите раздел Layout Grid.
• Нажмите на значок глаза рядом с названием сетки, чтобы скрыть её индивидуально.

Скрытие отдельных guide-линий

• Щёлкните правой кнопкой по направляющей на холсте.
• Выберите Hide Guides — это скроет только выбранные линии.
• Чтобы вернуть их, повторите действие или используйте общее переключение.

Ошибки и проблемы, которые часто возникают

Даже опытные пользователи Figma иногда сталкиваются с непонятным поведением направляющих. Разберём самые частые ошибки и как их избежать.

Проблема: направляющие не скрываются

• Проверьте, не нажата ли клавиша Shift — Ctrl + Shift + ; не является командой.
• Убедитесь, что вы находитесь в режиме редактирования, а не в просмотре (View mode).
• Перезагрузите Figma — иногда помогает при зависаниях интерфейса.

Проблема: скрылись не все направляющие

• Некоторые направляющие могут быть частью плагина или стороннего инструмента (например, Zeplin или Stark).
• Проверьте, не используются ли стилизованные сетки из библиотек компонентов.
• Иногда направляющие импортируются как векторные формы — их нужно удалять вручную.

Проблема: хотят скрыть только часть сеток

• Figma не позволяет выбрать «скрыть только колоночные, но оставить строки» через одну команду.
• Решение — управлять каждой сеткой отдельно в инспекторе свойств.
• Альтернатива — использовать плагины, например «Grid Master», для расширенного контроля.

Советы по эффективной работе с сетками и линейками

Работа с направляющими — это не просто включение и выключение. Профессионалы используют их стратегически, чтобы ускорить работу и повысить качество макетов.

• Настройте единую систему отступов и колонок во всём проекте. Например, 12-колоночная сетка с gutter 16px и margin 24px.
• Используйте именованные направляющие: дважды щёлкните по линии и добавьте метку — это помогает в командной работе.
• Создайте страницу с шаблонами сеток, которые можно копировать в новые файлы.

Горячие клавиши для продвинутых

• Shift + Drag — создаёт направляющую с привязкой к шагу сетки.
• Alt + ; — в некоторых плагинах дублирует направляющие, но в базовой Figma не используется.
• Ctrl + R — показать/скрыть линейки (не направляющие, а сами линейки по краям).

Использование плагинов

• Auto Grid — автоматически создаёт адаптивные сетки.
• Guide Guide — позволяет задавать группы направляющих и переключать их.
• Layout+ — расширяет функционал сеток, добавляя предустановки.

Экспорт и коллаборация: как правило, поведения направляющих

Один из самых частых вопросов: «Появятся ли направляющие в экспортном изображении?» Ответ — нет. Направляющие никогда не экспортируются, независимо от их видимости.

• При экспорте PNG, JPG, SVG — направляющие игнорируются автоматически.
• В прототипах и презентациях (Share > Prototype) направляющие также не отображаются.
• При интеграции с Jira, Confluence, Notion — только контент, без разметки.

При совместной работе:

• Все участники видят направляющие в зависимости от своих настроек просмотра.
• Один дизайнер может видеть сетки, другой — нет, но это не влияет на общий файл.
• Изменения в самих направляющих (их положение, наличие) синхронизируются.

Рекомендации для команд

• Согласуйте стандарты: когда показывать/скрывать направляющие при демонстрациях.
• Добавьте в чек-лист перед презентацией: «Скрыть направляющие».
• Используйте комментарии: «Показать направляющие» — если нужно объяснить выравнивание.

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

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

Заключение

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

• Горячая клавиша Ctrl + ; (Cmd + ;) — самый быстрый способ скрыть направляющие.
• Направляющие не экспортируются и не видны в прототипах — их можно смело скрывать перед демонстрацией.
• Разные типы сеток можно управлять отдельно через инспектор свойств.
• Состояние видимости сохраняется при закрытии файла.
• Профессионалы рекомендуют регулярно проверять макеты без направляющих для объективной оценки.