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

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

Как управлять отображением направляющих

В Figma направляющие бывают двух типов: пользовательские (созданные вручную) и автоматические (всплывающие при перемещении объектов). Первые можно перемещать, блокировать и удалять, вторые — только временно отключать. Управление их видимостью — ключевой шаг к комфортной работе.

Чтобы скрыть или снова показать все направляющие, используйте горячую клавишу:

• На Windows: Ctrl + ;
• На macOS: Cmd + ;

Это переключает состояние видимости направляющих во всём документе. Если вы не видите нужные линии — скорее всего, просто включили режим скрытия.

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

1. Выберите направляющую кликом (она подсветится синим).
2. Нажмите клавишу Delete.

Помните: удалённые направляющие нельзя вернуть сочетанием Ctrl+Z только если не отменить действие немедленно.

Для более тонкого управления используйте меню View в верхней панели. Там доступны опции:

• Show Guides — включает/выключает отображение;
• Lock Guides — блокирует направляющие от случайного сдвига;
• Create Guide — создаёт новую линию по текущему положению курсора.

Блокировка особенно полезна при активной работе — она предотвращает смещение уже установленных направляющих.

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

Создание направляющей простое: наведите курсор на линейку (горизонтальную или вертикальную), зажмите ЛКМ и потяните внутрь холста. Отпустите — направляющая зафиксируется. Можно создавать как вертикальные, так и горизонтальные линии.

Удаление работает двумя способами:

• Перетащить направляющую обратно на линейку — она исчезнет.
• Выделить и нажать Delete.

Оба метода одинаково эффективны, но первый визуально нагляднее.

Отключение привязки к направляющим

Иногда проблема не в самих направляющих, а в том, что элементы «прилипают» к ним. Это поведение называется привязка (snapping). Оно помогает выравнивать объекты, но может раздражать при точной ручной настройке.

Чтобы временно отключить привязку во время перетаскивания, удерживайте клавишу:

• Shift — отключает привязку к направляющим и сетке;
• Alt (Option на Mac) — временно включает копирование при перетаскивании, но не влияет на привязку напрямую.

Но самый быстрый способ — использовать комбинацию:

• Shift + Alt + , (запятая) — отключает все виды привязки, включая направляющие, сетку и пиксели.

Это временное отключение: как только вы отпустите клавиши, привязка вернётся.

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

1. Меню View → Snapping.
2. Снимите галочку с пункта Snap to guides.

Теперь объекты больше не будут прилипать к направляющим при перемещении.

Настройка привязки в проекте

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

• Откройте правую панель (Inspector).
• Внизу найдите значок магнита — это переключатель привязки.
• Кликните, чтобы включить или выключить.

Также в этом меню можно настроить:

• Привязку к другим объектам;
• Привязку к сетке;
• Привязку к пикселям.

Эти параметры работают независимо, поэтому можно, например, оставить привязку к сетке, но отключить к направляющим.

Как отключить автоматические направляющие

Автоматические направляющие (Smart Guides) появляются при перемещении объектов и показывают расстояние до соседних элементов. Они очень полезны, но могут «засорять» интерфейс.

К сожалению, в Figma нет прямого способа отключить только Smart Guides, но есть обходные пути:

• Используйте Shift при перетаскивании — это временно скрывает подсказки.
• Отключите привязку (Snapping), как описано выше — Smart Guides станут менее активными.
• Уменьшите чувствительность, работая на увеличенном масштабе — подсказки будут реже появляться.

Альтернатива — использование плагинов. Например, плагин »Guide Manager» позволяет скрывать, группировать и управлять направляющими более гибко, чем стандартные средства.

Когда стоит оставить Smart Guides включёнными

Несмотря на возможный дискомфорт, автоматические направляющие — мощный инструмент. Они особенно полезны при:

• Создании адаптивных макетов;
• Работе с компонентами и вариантами;
• Соблюдении дизайн-системы (например, отступы 8px).

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

Работа с направляющими на странице и фрейме

Направляющие в Figma зависят от контекста: они могут быть привязаны к странице, фрейму или компоненту. Понимание этой иерархии помогает избежать путаницы.

Если вы создаёте направляющую на странице — она будет видна во всех фреймах. Если внутри фрейма — только в нём. Это особенно важно при использовании Auto Layout и Constraints.

Чтобы быстро переключаться между уровнями:

• Выделите фрейм — направляющие внутри него становятся активными.
• Кликните вне фрейма — активируются глобальные направляющие.

При копировании фрейма с направляющими помните: внутренние направляющие не копируются. Только если вы включили опцию «Preserve guide positions» (в экспериментальных настройках).

Особенности работы с компонентами

Внутри компонентов направляющие ведут себя иначе. При создании варианта компонента направляющие остаются, но могут конфликтовать с привязкой экземпляров.

Рекомендации:

• Не используйте направляющие внутри компонентов для позиционирования — лучше применять Constraints.
• Если нужно — создавайте направляющие на странице, а не внутри компонента.
• Для сложных композиций используйте вложенные фреймы с Auto Layout.

Типичные ошибки и как их избежать

Даже опытные пользователи Figma допускают ошибки при работе с направляющими. Вот самые частые:

• Забыли, что направляющие скрыты. Проверьте: нажмите Cmd/Ctrl + ; — возможно, они просто невидимы.
• Путаница между привязкой и видимостью. Скрытые направляющие всё ещё могут влиять на поведение объектов, если привязка включена.
• Удаление нужных направляющих. Перед удалением убедитесь, что линия не используется в других частях макета.
• Отсутствие системы. Создавайте направляющие осознанно: например, по 8px сетке или по ширине контента.

Чтобы избежать этих ошибок, используйте чек-лист:

1. Перед началом работы проверьте состояние направляющих (видимость и привязку).
2. Блокируйте важные направляющие (View → Lock Guides).
3. Используйте именованные фреймы для логической группировки.
4. Регулярно очищайте лишние направляющие.

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

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

— Анна Петрова, старший UI-архитектор, более 10 лет в digital-дизайне

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

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

Заключение

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

• Используйте Cmd/Ctrl + ; для быстрого скрытия направляющих.
• Отключайте привязку через Shift или в настройках View → Snapping.
• Разделяйте глобальные и локальные направляющие по контексту использования.
• Блокируйте важные направляющие, чтобы избежать случайного сдвига.
• Используйте плагины для расширенного контроля над направляющими.