January 18, 2025

Как настроить шаг смещения в Фигме и сделать макеты аккуратнее 📐

Когда работаешь над макетом, важна не только идея, но и точность. В Фигме есть функция настройки шага смещения, которая помогает аккуратно располагать элементы и следовать сетке.

Что такое шаг смещения?

Шаг смещения определяет, на сколько пикселей объект будет перемещаться при использовании клавиш стрелок. Это удобно для работы с сетками, создания равномерных отступов и выравнивания элементов.

  1. Крупное смещение
    • Активируется стрелками с зажатым Shift ⬆️⬇️⬅️➡️.
    • Используется для крупных перемещений, например, перемещения объектов на целые блоки или соответствия сетке.
    • Рекомендую установить значение, кратное вашей сетке, например, 8 пикселей.
  2. Мелкое смещение
    • Работает при нажатии обычных стрелок ↕️↔️.
    • Подходит для точного выравнивания и подгонки.
    • Значение обычно меньше крупного, например, 1 пиксель.

Настройка смещения

  1. Нажмите на логотип Figma и выберите настройку «Preferences»
  2. Выберите пункт «Nudge amount...»
  3. В появившемся окне настройте значения для Малого шага (Small nudge) и Крупного шага (Big nudge).
Я советую выставлять настройки для малого шага — 1 px, для крупного — 8 px.

Зачем это нужно?

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

Настройте эти параметры один раз и вы заметите, насколько быстрее и удобнее станет работать! ✨


Подписывайся на меня!

YouTube

Instagram

Telegram