Вариант 1. Главное меню Figma

<aside> 🟡 Движение по меню Figma

← System Theme Nudge Amount Libraries →

</aside>

Вариант 2. Quick Actions

Можно ввести запрос nud в поиск по Quick Actions.

Почему шаг сдвига важен

Эта настройка очень важна при работе с интерфейсами и определяет шаг сдвига — расстояние в пикселях, на которое будет сдвигаться объект, если нажимать Shift стрелки.

Обычно его делают равным настройке базовой сетки, используемой на проекте.

Крупность клетки влияет на то, насколько гибко и точно можно выравнивать объекты, не отклоняясь от сетки.

По умолчанию шаг сдвига равен 10 px, что неудобно для работы с интерфейсами, поскольку 10 делится на 2 без остатка всего лишь один раз, в то время как 8 — 3 раза. По этой причине для мобильных интерфейсов обычно используются 8 px и 4 px.

Более крупная сетка позволяет ускорить расположение объектов: для презентаций удобно использовать клетку и шаг сдвига по 40 px.

Пример: синхронизируем шаг сдвига и сетку

1. Открываем окно c настройкой Nudge Amount. Проверяем, что шаг сдвига равен 10. Можно указать другое значение.
2. Создаём Frame размером 200 х 200.
3. В нём создаём квадрат инструментом Rectangle размером 100 х 100.
4. Чтобы сделать сетки видимыми, включаем режим Layout Grids.