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

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

Что такое направляющие в Figma

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

Работа с направляющими начинается с их создания: достаточно перетащить линейку (сверху или слева) на холст. После этого появляется пунктирная линия, которую можно перемещать. Однако со временем таких линий может стать слишком много, что усложняет навигацию по макету. Именно тогда возникает необходимость в их удалении.

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

Типы направляющих

• Страница-уровневые — создаются на всей странице и видны во всех фреймах. Удаляются только вручную.
• Фрейм-уровневые — привязаны к конкретному фрейму. Появляются при включённой опции «Show layout grids» или при перетаскивании из линеек внутрь фрейма.
• Угловые/диагональные — редко используются, но возможны при кастомной настройке плагинами.

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

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

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

Альтернативный способ — щелчок правой кнопкой мыши по направляющей и выбор пункта Delete Guide в контекстном меню. Этот метод особенно полезен, если клавиша Delete не срабатывает (например, на Mac с отключённой функцией).

Пошаговый алгоритм удаления одной направляющей

1. Перейдите на страницу или фрейм, где находится направляющая.
2. Наведите курсор на линию — она должна подсветиться.
3. Кликните по ней, чтобы выделить.
4. Нажмите Delete на клавиатуре.
5. Убедитесь, что линия исчезла с холста и из панели слоёв.

Массовое удаление направляющих

Когда направляющих становится больше десяти, ручное удаление занимает слишком много времени. К счастью, Figma предлагает способы быстрой очистки. Самый эффективный — использование команды через меню View → Guides → Clear Guides.

Эта команда удаляет все направляющие на текущей странице. Обратите внимание: действие нельзя отменить стандартным способом (Ctrl+Z), поэтому перед выполнением рекомендуется сделать резервную копию или хотя бы убедиться, что направляющие не нужны.

Для более точечного контроля можно использовать сочетание клавиш:

• Shift + G — временно скрывает все направляющие (не удаляет).
• Ctrl/Cmd + Z — отмена последнего действия, включая удаление.

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

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

Направляющие на странице и во фрейме ведут себя по-разному. Страница-уровневые направляющие видны на всём холсте и не привязаны к конкретному объекту. Их можно перетаскивать, но нельзя «заблокировать» внутри фрейма.

Фрейм-уровневые направляющие — часть структуры фрейма. Они создаются либо вручную, либо через параметры Layout Grids. Такие направляющие исчезают при скрытии грида и не отображаются вне фрейма. Удаление осуществляется либо через настройки фрейма, либо через те же методы, что и обычные.

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

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

• Если линия проходит через весь холст — это страница-уровневая.
• Если она ограничена границами фрейма — фрейм-уровневая.
• В панели слоёв фрейм-уровневые находятся внутри фрейма, а страница-уровневые — на том же уровне.

Ошибки и затруднения при удалении

Наиболее частая ошибка — попытка удалить направляющую, которая на самом деле является частью layout grid. Пользователи путают направляющие с сетками, и поэтому жмут Delete, но линии остаются. Решение — зайти в настройки фрейма и отключить грид.

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

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

Чек-лист: что делать, если направляющие не удаляются

• Проверьте, не является ли линия частью Layout Grid.
• Убедитесь, что выделен именно объект-направляющая, а не фрейм или фигура.
• Используйте панель Layers для поиска и удаления.
• Попробуйте команду View → Guides → Clear Guides.
• Отключите плагины, связанные с сетками и направляющими.

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

По его словам, лучшая практика — использовать направляющие временно. Например, при создании новой секции макета. Как только работа завершена, линии можно убрать. Для постоянных правил выравнивания лучше задействовать Auto Layout, Constraints и Design System.

Также эксперт отмечает, что в крупных проектах стоит внедрять стандарты: например, «все направляющие удаляются перед коммитом в мастер-ветку». Это помогает поддерживать чистоту в файле и упрощает работу QA и разработчиков.

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

Заключение

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

• Одну направляющую удаляют через Delete или контекстное меню.
• Массовое удаление — через View → Guides → Clear Guides.
• Фрейм-уровневые направляющие удаляются вместе с гридами в настройках фрейма.
• Направляющие не экспортируются и не влияют на производительность.
• Всегда проверяйте тип линии: направляющая или layout grid — методы удаления разные.