Как в Figma добавить сетку




Вам также может быть полезно:

Как включить линейки в Figma

Auto Layout в Figma

 

В Figma можно добавить несколько видов разметки:

  1. Grid — сетка
  2. Columns — колонки/столбцы
  3. Rows — строки

Разметку можно добавить только к фрейму (не пытайтесь добавить разметку к группе).

Как добавить сетку или другую разметку

  1. Выделите фрейм
  2. В правом сайдбаре найдите Layout Grid
  3. Нажмите плюс

Настройки сетки

Вид сетки можно выбрать в выпадающем окне настроек сетки сверху.

Сетка в Figma
Вид сетки в Figma

Настройка Grid:

Size — расстояние между линиями

Color — цвет и прозрачность

Настройка Columns:

Count — количество столбцов

Type — выбор форматирования. Можно указать привязку к стороне, либо Stretch, и тогда сетка растянется по ширине

Width — ширина колонки

Margin (для типа Stretch) — отступы слева и справа в пикселях

Offset — смещение от стороны привязки (тот же Margin, но с одной стороны)

Gutter — расстояние между столбцами

Настройка Rows совпадает с настройкой Columns, но в вертикальных координатах.

 

 

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: