/designer
/designer

Snap to Pixel Grid

Описание
Тогл-режим, который включает привязку объектов к пиксельной сетке и позволяет избежать дробных значений в координатах.
Группа команд
PreferencesМеню масштаба
Клавиша Mac
ShiftCmd'
Клавиша Windows
ShiftCtrl'
Есть в меню
Меню клиента macOSГлавное меню (Mac и Win)Меню масштаба (Mac и Win)Редактор
2. File Browser
3. Редактор
9

Вариант 1. Меню масштаба

image

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

image

Вариант 3. Можно ввести запрос sn в поиске по командам

.

image

Пример использования Snap To Pixel Grid

  1. Включаем режим.
  2. Создаём прямоугольник инструментом
    Rectangle
    Rectangle
    .
  3. Увеличиваем масштаб командой
    Zoom In
     до 1600% и ставим рабочую область так чтобы было видно угол прямоугольника.
  4. Для наглядности включаем
    Pixel Grid
    , чтобы была видна сетка пикселей.
  5. Двигаем объект и видим, как он сдвигается с шагом в пиксель.

  6. Если отключить режим, сдвигаемый объект будет попадать на полупиксели — дробные значения X и Y.

При экспорте изображения в при плотности @1x это может сделать края объектов размытыми, однако во время рисования иллюстрации может быть полезно отключить привязку к сетке для проработки мелких деталей.

↔️
Движение по меню Figma

←
Quick Actions
New from Sketch File...
 →

←
Snap to Objects
Keep Tool Selected After Use
 →

Далее по меню масштаба:

Layout Grids

— образовательный телеграм-канал об интерфейсах, продуктовом дизайне, инструментах для него, о карьере дизайнера и эмиграции Опечатки и обратную связь автору → @okunev