Duplicate

Описание

Дублирует выделенный слой. Если выделен мастер-компонент, вставляет экземпляр поверх него.

Клавиша Mac
CmdD
Клавиша Windows
CtrlD
Путь
🟡 Главное меню (Mac и Win)⚪️ Меню клиента macOS
Группа команд
Edit
1. File Browser

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

image
🟡
Движение по меню Figma

Paste over Selection Duplicate Delete (Layer)

Движение по меню клиента macOS

Paste over Selection Duplicate Delete (Layer)

Вариант 2. Меню клиента macOS

image

Как работает Duplicate

  1. Создаём квадрат при помощи инструмента RectangleRectangle, кликнув в пустое место. Тогда он будет иметь размер 100 х 100 dp.
  2. Применяем к нему команду, поверх появляется его копия. Видим, что в списке слоёв она стоит выше оригинала. Теперь её можно перемещать уже выделенным инструментом MoveMove. ⏹️
image

Дублирование на отступе

Есть также более продвинутый способ использовать Duplicate, который даёт возможность создавать копии слоя на отступе друг от друга.

  1. Зажимаем Opt/Alt и перетаскиваем слой с квадратом из предыдущего примера.
  2. Пока тянем слой, зажимаем Shift, чтобы выравнивать копию по оригиналу вертикально или горизонтально.
  3. Контролируем отступ по красному индикатору с расстоянием между копией и оригиналом. Отпускаем копию на расстоянии 40 dp от оригинала.
  4. image

    Под капотом Figma запоминает этот отступ и сможет его переиспользовать при новых командах Duplicate.

  5. Применяем Duplicate ещё несколько раз. Теперь новые копии выстраиваются по отступу первой копии на расстоянии 40 dp. ⏹️

Этот способ удобен при проектировании списков и таблиц, когда мы сначала задаём шаг появления новых копий, а затем создаём нужное количество строк.

/designer/designer

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