Как в фигме приближать и отдалять
В Figma приближение и отдаление масштаба выполняется с помощью комбинаций клавиш, жестов тачпада или инструмента Zoom. Основные способы — колесо мыши, клавиши Ctrl/Cmd + +/-, двойной клик Z, а также панель инструментов. Главное — использовать сочетания, которые удобны именно вам, чтобы не прерывать рабочий поток.
- Базовые способы приближения и отдаления
- Когда использовать каждый метод?
- Горячие клавиши для масштабирования
- Персонализация горячих клавиш
- Как использовать инструмент Zoom
- Режимы инструмента Zoom
- Жесты тачпада и мультитач
- Оптимизация чувствительности
- Фокусировка на фреймах и объектах
- Массовая фокусировка и навигация
- Распространённые ошибки и как их избежать
- Как проверить настройки зума
- Экспертные советы по эффективному зуму
- Чек-лист: оптимальная настройка зума
- Вопросы и ответы
- Заключение
Базовые способы приближения и отдаления
При работе в Figma часто требуется быстро переключаться между общим видом макета и детальным рассмотрением элементов интерфейса. Приближение (зум) позволяет сфокусироваться на конкретных компонентах: кнопках, текстовых блоках, иконках. Отдаление помогает оценить композицию, выравнивание и общую структуру проекта.
Наиболее универсальный способ — использование колесика мыши. Прокрутка вперёд приближает область, назад — отдаляет. Важно удерживать нажатой клавишу Ctrl (на Windows) или Cmd (на macOS), иначе колесо будет прокручивать холст по вертикали. Это стандартное поведение, но его можно изменить в настройках Figma.
Альтернативный вариант — тачпад. На Mac и многих Windows-ноутбуках достаточно выполнить жест «двумя пальцами»: развести — увеличить, свести — уменьшить. Жест работает без дополнительных клавиш и интуитивно понятен большинству пользователей.
Когда использовать каждый метод?
Выбор способа масштабирования зависит от ваших инструментов и привычек. Например, дизайнеры, работающие с графическим планшетом, чаще используют клавиатурные комбинации, так как рука занята стилусом. Пользователи ноутбуков с тачпадом предпочитают жесты. Те, кто работает с несколькими мониторами, могут задействовать оба подхода.
- Колесо мыши: самый точный контроль, особенно при медленном прокручивании.
- Тачпад: быстрый и естественный способ, идеален для мобильной работы.
- Инструмент Zoom: даёт полный контроль над областью просмотра, особенно при выделении прямоугольника.
Горячие клавиши для масштабирования
Клавиатурные сокращения — ключ к высокой производительности в Figma. Они позволяют не отрывать руки от клавиатуры и сохранять концентрацию на задаче. Вот основные комбинации:
- Ctrl + = (Cmd + = на Mac) — приближение.
- Ctrl + — (Cmd + — на Mac) — отдаление.
- Ctrl + 0 (Cmd + 0) — сброс масштаба до 100%.
- Двойной клик по клавише Z — активация инструмента Zoom.
- Пробел + клик — временный переход в режим Hand (ладонь), полезен при перемещении по холсту после зума.
Комбинация Ctrl/Cmd + 0 особенно важна, когда вы «теряетесь» в масштабе. Она возвращает вас к референсу 100%, что критично при проверке пиксельного соответствия. Также полезно знать, что Figma запоминает последний уровень масштаба для каждого фрейма, если вы переключаетесь между страницами.
Персонализация горячих клавиш
Figma пока не поддерживает кастомизацию всех сочетаний, но вы можете использовать сторонние утилиты: Karabiner-Elements (macOS) или AutoHotkey (Windows). Это позволяет, например, назначить зум на боковые кнопки мыши или создать макрос для быстрого переключения между уровнями масштаба.
Действие |
Windows |
macOS |
|---|---|---|
Приближение |
Ctrl + = |
Cmd + = |
Отдаление |
Ctrl + — |
Cmd + — |
Сброс к 100% |
Ctrl + 0 |
Cmd + 0 |
Инструмент Zoom |
Z (дважды) |
Z (дважды) |
Временная ладонь |
Пробел |
Пробел |
Как использовать инструмент Zoom
Инструмент Zoom (Z) — один из самых гибких способов управления масштабом. Активируется он двойным нажатием клавиши Z. После этого курсор превращается в значок увеличительного стекла с «+». Теперь вы можете:
- Кликнуть по любой части холста — центр экрана сместится туда, и масштаб увеличится.
- Выделить прямоугольную область — Figma приблизит именно этот фрагмент, растянув его на всё окно.
- Удерживать Alt (Option на Mac) и кликнуть — произойдёт отдаление.
Этот метод особенно эффективен при работе с плотными интерфейсами: мобильными экранами, таблицами, формами. Например, чтобы точно попасть в поле ввода, вы просто выделяете его рамкой — и получаете идеальный масштаб.
Режимы инструмента Zoom
Figma предлагает два состояния инструмента:
- По умолчанию: приближение при клике или выделении.
- С Alt/Option: отдаление. Удобно, если вы случайно приблизились слишком сильно.
Жесты тачпада и мультитач
Пользователи MacBook и современных Windows-устройств могут управлять масштабом с помощью жестов. Двумя пальцами раздвигайте и сдвигайте на тачпаде — Figma мгновенно реагирует. Это один из самых плавных и эргономичных способов.
На некоторых устройствах доступен трёхпальцевый жест:
- Три пальца вверх/вниз — переключение между страницами (если включено).
- Три пальца влево/вправо — навигация по истории действий.
Но именно двухпальцевой жест отвечает за зум. Он работает даже при активном инструменте, например, при рисовании фигуры. Это значит, что вы можете одновременно чертить и корректировать масштаб без переключений.
Оптимизация чувствительности
Если жесты слишком резкие или, наоборот, вялые, настройте чувствительность в системных параметрах:
- macOS: Системные настройки → Трекпад → Масштаб и вращение.
- Windows: Параметры → Устройства → Тачпад → Жесты и взаимодействия.
Фокусировка на фреймах и объектах
Figma умеет автоматически приближать и центрировать выбранные элементы. Это особенно полезно при работе с большими файлами, где нужный фрейм может быть «потерян» где-то на холсте.
Чтобы быстро перейти к объекту:
- Выделите его кликом.
- Нажмите Shift + F — холст центрируется на элементе с оптимальным масштабом.
- Или просто дважды кликните по фрейму в слоях — Figma сделает то же самое.
Этот функционал называется «Frame in View». Он умно рассчитывает уровень зума: если фрейм маленький — приблизит сильнее, если большой — покажет с небольшим отступом.
Массовая фокусировка и навигация
При работе с прототипами или компонентами вы можете использовать:
- Панель слоёв: клик по имени — центрирует, двойной клик — центрирует и приближает.
- Поиск (Ctrl/Cmd + F): найдите фрейм по имени, затем нажмите Enter — он появится в центре.
- Navigator (Ctrl/Cmd + ): мини-карта в правом нижнем углу, по которой можно кликать для быстрой навигации.
Распространённые ошибки и как их избежать
Даже опытные пользователи иногда сталкиваются с проблемами при масштабировании. Вот самые частые ошибки:
- Случайное приближение колесом мыши: происходит, если забыть нажать Ctrl/Cmd. Решение — включить опцию «Zoom with scroll wheel» в настройках Figma.
- Потеря ориентации после зума: вы приблизили, но не можете найти, где вы находитесь. Используйте Navigator или нажмите Ctrl/Cmd + 0.
- Неверный центр масштабирования: зум происходит не от курсора, а от центра экрана. Убедитесь, что в настройках включена опция «Zoom to cursor».
Как проверить настройки зума
Перейдите в:
- Figma Desktop: File → Preferences → Scroll & Zoom.
- Figma Web: кликните по аватару → Settings → Scroll & Zoom.
Там вы найдёте ключевые параметры:
- Zoom using scroll wheel — вкл/выкл.
- Zoom to cursor — чтобы масштаб шёл от положения курсора.
- Smooth zoom — плавное увеличение (по желанию).
Экспертные советы по эффективному зуму
Профессионалы используют комплексный подход. Они комбинируют горячие клавиши, жесты и автоматизацию, чтобы свести действия к минимуму. Вот проверенные практики:
- Используйте двойной клик Z для точного выделения — это быстрее, чем постепенное приближение.
- Назначьте кнопки мыши на Ctrl + = и Ctrl + -, если у вас «игровая» мышь.
- Тренируйте переход между 100%, 200% и «Fit to screen» — это три основных уровня для дизайна.
Автоматизация тоже помогает. Например, плагины вроде «Zoom Manager» позволяют сохранять пресеты масштаба: «Для текста», «Для иконок», «Общий вид». Вы переключаетесь по хоткею.
Чек-лист: оптимальная настройка зума
- Проверьте, включены ли «Zoom with scroll wheel» и «Zoom to cursor».
- Протестируйте жесты тачпада — работают ли они плавно.
- Освойте комбинации Ctrl/Cmd + =, -, 0.
- Научитесь использовать Shift + F для фокусировки.
- Добавьте Navigator на панель и закрепите его.
Вопросы и ответы
Заключение
Управление масштабом в Figma — это не просто техническая операция, а важная часть дизайнерского процесса. От того, насколько быстро и точно вы можете приближать и отдалять, зависит скорость работы, внимание к деталям и общая продуктивность. Современные методы — от горячих клавиш до жестов тачпада — позволяют адаптировать Figma под любой стиль.
- Используйте Ctrl/Cmd + колесо мыши или жесты тачпада для быстрого зума.
- Освойте комбинацию Shift + F для фокусировки на объектах.
- Настройте Figma: включите «Zoom to cursor» и проверьте чувствительность.
- Комбинируйте методы: клавиши, инструмент Z, Navigator.
- Тестируйте новые подходы — возможно, вы найдёте более эффективный способ.
⚠️ Дисклеймер — нажмите, чтобы развернуть
Материалы, опубликованные в разделе «Блог» на сайте RU DESIGN SHOP (rudesignshop.ru), носят исключительно информационный и ознакомительный характер и не являются руководством к действию, финансовой рекомендацией, медицинской услугой, ветеринарным назначением либо рекламой товаров и услуг, включая азартные игры. Публикации не содержат призывов к участию в азартных играх и не направлены на продвижение соответствующих операторов.
Безопасность применения товаров и веществ: при использовании строительных материалов, бытовой химии, пестицидов и агрохимикатов необходимо строго следовать инструкциям производителя и действующему законодательству Российской Федерации, включая Федеральный закон РФ от 19.07.1997 № 109-ФЗ «О безопасном обращении с пестицидами и агрохимикатами».
Упоминание товарных знаков, брендов и организаций носит исключительно информационный характер и не означает наличие партнёрских отношений или одобрения со стороны правообладателей.
Материалы, содержащие сведения о медицинских, ветеринарных или косметических средствах, представлены в справочных целях и не являются медицинской консультацией или назначением. Перед применением рекомендуется обратиться к врачу, ветеринарному специалисту или иному сертифицированному профессионалу.
Возрастные ограничения: материалы, содержащие сведения о продукции категории 18+, включая алкоголь или азартные игры, предназначены исключительно для совершеннолетней аудитории и публикуются в информационных целях.
Правовая ответственность: решения, принятые на основе опубликованной информации, пользователь принимает самостоятельно и на свой риск; редакция и авторы несут ответственность в пределах, установленных законодательством Российской Федерации.
Редакция не допускает публикаций, содержащих пропаганду экстремизма, терроризма, наркотических средств или суицида; подобные материалы подлежат немедленному удалению.
Упоминание организаций с ограниченным статусом: компания Meta Platforms Inc. (социальные сети Facebook и Instagram) признана экстремистской организацией решением суда РФ, её деятельность запрещена на территории Российской Федерации; любые упоминания приводятся исключительно в информационных целях.
Авторские права и источники: информация собирается из открытых источников; её актуальность указывается на дату публикации и может изменяться.
Изображения и иллюстрации используются на условиях, разрешённых правообладателями. При возникновении претензий редакция готова оперативно рассмотреть обращение и внести необходимые изменения.
Персональные данные и cookies: сайт использует cookies и обрабатывает персональные данные пользователей в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» и Политикой конфиденциальности RU DESIGN SHOP.
Мнения авторов могут не совпадать с позицией государственных органов или коммерческих организаций, упомянутых в материалах.