Как убрать линейку в фигме
В Figma линейка — это вспомогательный инструмент для точной верстки и выравнивания элементов, но иногда она мешает работе или случайно появляется. Убрать её можно через меню View или сочетанием клавиш Ctrl+R (Cmd+R на Mac). Главное — понимать, что линейка не влияет на экспорт и видима только в редакторе.
Figma — один из самых популярных инструментов для UI/UX-дизайна, объединяющий прототипирование, коллаборацию и работу с компонентами в реальном времени. Одним из вспомогательных элементов интерфейса является линейка — горизонтальная и вертикальная шкала, появляющаяся у краёв холста. Она помогает точно позиционировать объекты, измерять расстояния и выравнивать слои. Однако при длительной работе линейка может отвлекать, особенно если вы используете гайды, сетки или встроенные функции автовыравнивания. Многие пользователи сталкиваются с ситуацией, когда линейка включается случайно, и не знают, как быстро её скрыть.
- Что такое линейка в Figma и зачем она нужна
- Когда стоит использовать линейку
- Как убрать линейку в Figma: пошаговая инструкция
- Проверка состояния линейки
- Распространённые ошибки и заблуждения
- Ошибка 1: Линейка не исчезает после нажатия Ctrl+R
- Ошибка 2: Линейка возвращается при открытии нового файла
- Ошибка 3: Попытка удалить линейку как объект
- Продвинутые советы по работе с линейками и гайдами
- Использование линейки для создания гайдов
- Совмещение с Auto Layout
- Работа с несколькими страницами
- Экспертное мнение
- Вопросы и ответы
- Заключение
Что такое линейка в Figma и зачем она нужна
Линейка в Figma — это невидимая по умолчанию сетка координат, которая появляется по краям рабочего холста при активации. Она состоит из двух частей: горизонтальной (вверху) и вертикальной (слева), отображающей пиксельные значения относительно начала страницы. При перетаскивании мыши по холсту рядом с курсором могут появляться временные метки — они показывают расстояние от края до указателя.
Основное назначение линейки — помощь в точной компоновке элементов. Дизайнеры используют её для:
- Выравнивания текстовых блоков, кнопок и других компонентов по заданным отступам;
- Проверки соответствия макета дизайн-системе (например, соблюдение 8px-сетки);
- Быстрого определения размеров и позиций без использования панели свойств.
Хотя Figma предлагает множество альтернатив — такие как Smart Guides, Layout Grids и Constraints — линейка остаётся полезным инструментом, особенно при работе с плотными интерфейсами, где важна пиксельная точность.
Когда стоит использовать линейку
Линейка наиболее актуальна на этапах:
- Первоначальной разметки макета, когда нужно задать базовые отступы;
- Аудита чужого дизайна, чтобы быстро проверить выравнивание;
- Работы с печатными материалами или плотными интерфейсами (например, дашборды).
Однако при активной использовании Auto Layout и компонентов линейка может становиться избыточной. В таких случаях её лучше отключить, чтобы не перегружать визуальное восприятие.
Как убрать линейку в Figma: пошаговая инструкция
Если линейка мешает или была включена случайно, её можно быстро скрыть. Процесс прост и доступен как новичкам, так и опытным пользователям.
- Откройте Figma и войдите в нужный файл.
- В верхнем меню найдите вкладку View.
- В выпадающем списке найдите пункт Show Rulers.
- Нажмите на него — если рядом есть галочка, значит, линейка включена. После клика она исчезнет.
Альтернативный способ — использование горячих клавиш:
- На Windows: Ctrl + R
- На macOS: Cmd + R
Это самое быстрое решение. Нажатие комбинации переключает состояние линейки: если она была видна — скроется, и наоборот.
Проверка состояния линейки
Иногда пользователи путают линейку с другими визуальным вспомогательными элементами — например, с гайдами или сеткой. Чтобы убедиться, что вы работаете именно с линейкой:
- Посмотрите на край холста: линейка всегда начинается сверху и слева.
- Убедитесь, что вы не видите пунктирных линий — это уже гайды.
- Проверьте, нет ли включённой сетки в правой панели (Layout Grid).
Распространённые ошибки и заблуждения
Многие пользователи сталкиваются с типичными трудностями при работе с линейкой. Часть из них связана с непониманием механики Figma, часть — с путаницей между инструментами.
Ошибка 1: Линейка не исчезает после нажатия Ctrl+R
Если после нажатия комбинации линейка не скрывается, проверьте:
- Не включены ли гайды (Guides) — они могут быть перепутаны с линейкой.
- Правильную раскладку клавиатуры (иногда R находится в другой зоне).
- Активен ли русский язык — в этом случае может потребоваться переключиться на английскую раскладку.
Ошибка 2: Линейка возвращается при открытии нового файла
Figma не сохраняет состояние линейки между файлами. Это означает, что если вы отключили её в одном проекте, в другом она может быть включена снова. Это особенность платформы, а не баг.
Ошибка 3: Попытка удалить линейку как объект
Некоторые новички пытаются стереть линейку с помощью Delete или перетащить её за пределы холста. Это невозможно — линейка не является слоем или объектом. Она — часть интерфейса просмотра.
Проблема |
Причина |
Решение |
|---|---|---|
Линейка не скрывается |
Нажата не та комбинация клавиш |
Используйте Ctrl+R (Cmd+R на Mac) |
Линейка появляется снова |
Figma сбрасывает настройки на файл |
Отключайте в каждом файле отдельно |
Вижу пунктирные линии |
Это гайды, а не линейка |
Щёлкните правой кнопкой → Clear Guides |
Продвинутые советы по работе с линейками и гайдами
Для профессионалов важно не просто управлять линейкой, но и эффективно сочетать её с другими инструментами. Вот несколько стратегий.
Использование линейки для создания гайдов
Вы можете создавать постоянные направляющие, перетаскивая их прямо из линейки:
- Убедитесь, что линейка включена (Ctrl+R).
- Нажмите на горизонтальную или вертикальную шкалу и потяните внутрь холста.
- Отпустите, чтобы зафиксировать гайд.
Такие гайды остаются на странице и помогают выравнивать объекты даже при скрытой линейке.
Совмещение с Auto Layout
При использовании Auto Layout линейка теряет актуальность, поскольку отступы задаются внутри самого контейнера. Тем не менее, её можно использовать для первоначальной настройки ширины родительского блока.
Работа с несколькими страницами
Если вы работаете с большим проектом, где на разных страницах нужны разные режимы, рекомендуется:
- Включать линейку только на тех страницах, где требуется точная пиксельная подгонка.
- Использовать гайды для стандартных отступов (например, 16px, 24px).
- Создать отдельную страницу с эталонными настройками — там можно оставить линейку включённой.
Экспертное мнение
Мы поговорили с Дмитрием Ковалёвым, старшим UX-архитектором в продуктовой команде одного из крупнейших финтех-стартапов СНГ, с опытом работы в Figma более 5 лет.
«Линейка — это инструмент переходного периода. Когда дизайнер только учится, он полагается на визуальные ориентиры. Но по мере роста мастерства он переходит на системный подход: Auto Layout, компоненты, переменные. В наших проектах линейка включена только у стажёров. Опытные дизайнеры используют её максимум для аудита. Главное — не превращать её в зависимость. Если вы не можете работать без линейки, возможно, пора углубиться в системный дизайн.»
Дмитрий также отметил, что в командной работе важно согласовать стандарты: кто-то предпочитает линейку, кто-то — только гайды. Поэтому в их гиде по Figma прописано: «Линейка должна быть выключена по умолчанию. Включение допускается только с комментарием в задаче.»
Вопросы и ответы
Заключение
Линейка в Figma — полезный, но не обязательный инструмент. Она помогает на начальных этапах проектирования, но со временем может становиться помехой. Умение быстро включать и отключать её — важный навык, который экономит время и снижает визуальный шум.
Главное, что нужно запомнить: линейка управляется через меню View или горячую клавишу Ctrl+R (Cmd+R). Она не сохраняется между файлами, не влияет на экспорт и не видна другим пользователям как включённая.
- Линейка включается и отключается через View → Show Rulers или Ctrl+R / Cmd+R.
- Состояние линейки не синхронизируется между файлами и пользователями.
- Линейка не является объектом — её нельзя удалить или переместить.
- Для постоянных ориентиров лучше использовать гайды, создаваемые из линейки.
- Профессионалы часто отключают линейку, полагаясь на Auto Layout и дизайн-системы.
⚠️ Дисклеймер — нажмите, чтобы развернуть
Материалы, опубликованные в разделе «Блог» на сайте RU DESIGN SHOP (rudesignshop.ru), носят исключительно информационный и ознакомительный характер и не являются руководством к действию, финансовой рекомендацией, медицинской услугой, ветеринарным назначением либо рекламой товаров и услуг, включая азартные игры. Публикации не содержат призывов к участию в азартных играх и не направлены на продвижение соответствующих операторов.
Безопасность применения товаров и веществ: при использовании строительных материалов, бытовой химии, пестицидов и агрохимикатов необходимо строго следовать инструкциям производителя и действующему законодательству Российской Федерации, включая Федеральный закон РФ от 19.07.1997 № 109-ФЗ «О безопасном обращении с пестицидами и агрохимикатами».
Упоминание товарных знаков, брендов и организаций носит исключительно информационный характер и не означает наличие партнёрских отношений или одобрения со стороны правообладателей.
Материалы, содержащие сведения о медицинских, ветеринарных или косметических средствах, представлены в справочных целях и не являются медицинской консультацией или назначением. Перед применением рекомендуется обратиться к врачу, ветеринарному специалисту или иному сертифицированному профессионалу.
Возрастные ограничения: материалы, содержащие сведения о продукции категории 18+, включая алкоголь или азартные игры, предназначены исключительно для совершеннолетней аудитории и публикуются в информационных целях.
Правовая ответственность: решения, принятые на основе опубликованной информации, пользователь принимает самостоятельно и на свой риск; редакция и авторы несут ответственность в пределах, установленных законодательством Российской Федерации.
Редакция не допускает публикаций, содержащих пропаганду экстремизма, терроризма, наркотических средств или суицида; подобные материалы подлежат немедленному удалению.
Упоминание организаций с ограниченным статусом: компания Meta Platforms Inc. (социальные сети Facebook и Instagram) признана экстремистской организацией решением суда РФ, её деятельность запрещена на территории Российской Федерации; любые упоминания приводятся исключительно в информационных целях.
Авторские права и источники: информация собирается из открытых источников; её актуальность указывается на дату публикации и может изменяться.
Изображения и иллюстрации используются на условиях, разрешённых правообладателями. При возникновении претензий редакция готова оперативно рассмотреть обращение и внести необходимые изменения.
Персональные данные и cookies: сайт использует cookies и обрабатывает персональные данные пользователей в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» и Политикой конфиденциальности RU DESIGN SHOP.
Мнения авторов могут не совпадать с позицией государственных органов или коммерческих организаций, упомянутых в материалах.