Как убрать линейку в фигме

Как убрать линейку в фигме

В Figma линейка — это вспомогательный инструмент для точной верстки и выравнивания элементов, но иногда она мешает работе или случайно появляется. Убрать её можно через меню View или сочетанием клавиш Ctrl+R (Cmd+R на Mac). Главное — понимать, что линейка не влияет на экспорт и видима только в редакторе.

Чтобы убрать линейку в Figma, нажмите Ctrl+R (или Cmd+R на Mac) либо выберите пункт «Show Rulers» в меню View. Линейка отключается только в текущем файле и не сохраняется между сессиями.

Figma — один из самых популярных инструментов для UI/UX-дизайна, объединяющий прототипирование, коллаборацию и работу с компонентами в реальном времени. Одним из вспомогательных элементов интерфейса является линейка — горизонтальная и вертикальная шкала, появляющаяся у краёв холста. Она помогает точно позиционировать объекты, измерять расстояния и выравнивать слои. Однако при длительной работе линейка может отвлекать, особенно если вы используете гайды, сетки или встроенные функции автовыравнивания. Многие пользователи сталкиваются с ситуацией, когда линейка включается случайно, и не знают, как быстро её скрыть.

Что такое линейка в Figma и зачем она нужна

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

Основное назначение линейки — помощь в точной компоновке элементов. Дизайнеры используют её для:

  • Выравнивания текстовых блоков, кнопок и других компонентов по заданным отступам;
  • Проверки соответствия макета дизайн-системе (например, соблюдение 8px-сетки);
  • Быстрого определения размеров и позиций без использования панели свойств.

Хотя Figma предлагает множество альтернатив — такие как Smart Guides, Layout Grids и Constraints — линейка остаётся полезным инструментом, особенно при работе с плотными интерфейсами, где важна пиксельная точность.

Полезно знать: Линейка не экспортируется вместе с макетом. Она видна только в редакторе и не влияет на финальный результат.

Когда стоит использовать линейку

Линейка наиболее актуальна на этапах:

  • Первоначальной разметки макета, когда нужно задать базовые отступы;
  • Аудита чужого дизайна, чтобы быстро проверить выравнивание;
  • Работы с печатными материалами или плотными интерфейсами (например, дашборды).

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

Как убрать линейку в Figma: пошаговая инструкция

Если линейка мешает или была включена случайно, её можно быстро скрыть. Процесс прост и доступен как новичкам, так и опытным пользователям.

  1. Откройте Figma и войдите в нужный файл.
  2. В верхнем меню найдите вкладку View.
  3. В выпадающем списке найдите пункт Show Rulers.
  4. Нажмите на него — если рядом есть галочка, значит, линейка включена. После клика она исчезнет.

Альтернативный способ — использование горячих клавиш:

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

Это самое быстрое решение. Нажатие комбинации переключает состояние линейки: если она была видна — скроется, и наоборот.

Проверка состояния линейки

Иногда пользователи путают линейку с другими визуальным вспомогательными элементами — например, с гайдами или сеткой. Чтобы убедиться, что вы работаете именно с линейкой:

  • Посмотрите на край холста: линейка всегда начинается сверху и слева.
  • Убедитесь, что вы не видите пунктирных линий — это уже гайды.
  • Проверьте, нет ли включённой сетки в правой панели (Layout Grid).
«Горячие клавиши — ключ к скорости в Figma. Запомните Ctrl+R — он экономит время при частом переключении режимов.» — Алексей Миронов, UX-дизайнер, 7 лет в Figma

Распространённые ошибки и заблуждения

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

Ошибка 1: Линейка не исчезает после нажатия Ctrl+R

Если после нажатия комбинации линейка не скрывается, проверьте:

  • Не включены ли гайды (Guides) — они могут быть перепутаны с линейкой.
  • Правильную раскладку клавиатуры (иногда R находится в другой зоне).
  • Активен ли русский язык — в этом случае может потребоваться переключиться на английскую раскладку.

Ошибка 2: Линейка возвращается при открытии нового файла

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

Ошибка 3: Попытка удалить линейку как объект

Некоторые новички пытаются стереть линейку с помощью Delete или перетащить её за пределы холста. Это невозможно — линейка не является слоем или объектом. Она — часть интерфейса просмотра.

Проблема
Причина
Решение
Линейка не скрывается
Нажата не та комбинация клавиш
Используйте Ctrl+R (Cmd+R на Mac)
Линейка появляется снова
Figma сбрасывает настройки на файл
Отключайте в каждом файле отдельно
Вижу пунктирные линии
Это гайды, а не линейка
Щёлкните правой кнопкой → Clear Guides
Полезно знать: Figma не даёт возможности глобально отключить линейку для всех файлов. Настройка применяется только к текущему документу.

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

Для профессионалов важно не просто управлять линейкой, но и эффективно сочетать её с другими инструментами. Вот несколько стратегий.

Использование линейки для создания гайдов

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

  • Убедитесь, что линейка включена (Ctrl+R).
  • Нажмите на горизонтальную или вертикальную шкалу и потяните внутрь холста.
  • Отпустите, чтобы зафиксировать гайд.

Такие гайды остаются на странице и помогают выравнивать объекты даже при скрытой линейке.

Совмещение с Auto Layout

При использовании Auto Layout линейка теряет актуальность, поскольку отступы задаются внутри самого контейнера. Тем не менее, её можно использовать для первоначальной настройки ширины родительского блока.

Работа с несколькими страницами

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

  • Включать линейку только на тех страницах, где требуется точная пиксельная подгонка.
  • Использовать гайды для стандартных отступов (например, 16px, 24px).
  • Создать отдельную страницу с эталонными настройками — там можно оставить линейку включённой.
«Я использую линейку только на этапе каркаса. Как только перехожу к детализации, выключаю её — глазу легче сосредоточиться на содержании.» — Ксения Романова, продукт-дизайнер, Figma Ambassador

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

Мы поговорили с Дмитрием Ковалёвым, старшим UX-архитектором в продуктовой команде одного из крупнейших финтех-стартапов СНГ, с опытом работы в Figma более 5 лет.

«Линейка — это инструмент переходного периода. Когда дизайнер только учится, он полагается на визуальные ориентиры. Но по мере роста мастерства он переходит на системный подход: Auto Layout, компоненты, переменные. В наших проектах линейка включена только у стажёров. Опытные дизайнеры используют её максимум для аудита. Главное — не превращать её в зависимость. Если вы не можете работать без линейки, возможно, пора углубиться в системный дизайн.»

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

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

Можно ли изменить единицы измерения линейки?
Нет, в Figma линейка всегда отображает значения в пикселях. Изменить единицы (например, на rem, pt или mm) нельзя. Это ограничение платформы, ориентированной на цифровой дизайн.
Почему линейка не появляется при перетаскивании?
Линейка появляется только если она включена в меню View. Перетаскивание объектов не активирует её автоматически. Однако при перемещении могут появляться временные метки расстояний — это отдельная функция Figma.
Можно ли сделать линейку полупрозрачной?
Нет, настройки прозрачности или цвета линейки в Figma отсутствуют. Она всегда имеет стандартный серый оттенок с чёрной маркировкой.
Влияет ли линейка на производительность?
Нет, линейка — это легковесный элемент интерфейса. Она не нагружает процессор и не замедляет работу даже в тяжёлых файлах.
Почему другие участники видят линейку, если я её скрыл?
Потому что состояние линейки — локальное. Каждый пользователь управляет ею самостоятельно. Отключение для вас не означает отключение для коллег.

Заключение

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

Главное, что нужно запомнить: линейка управляется через меню View или горячую клавишу Ctrl+R (Cmd+R). Она не сохраняется между файлами, не влияет на экспорт и не видна другим пользователям как включённая.

Освойте этот простой механизм — и вы сможете гибко адаптировать интерфейс Figma под свои текущие задачи: включать линейку при необходимости и убирать, когда она мешает.
  • Линейка включается и отключается через 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.

Мнения авторов могут не совпадать с позицией государственных органов или коммерческих организаций, упомянутых в материалах.