Duplicate

Описание
Дублирует выделенный слой. Если выделен мастер-компонент, вставляет экземпляр поверх него.
Клавиша Mac
CmdD
Клавиша Windows
CtrlD
Путь
⚪️ Меню клиента macOS🟡 Главное меню (Mac и Win)
Группа команд
Edit
1. File Browser

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

image

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

Paste over Selection
Duplicate
Delete (Layer)

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

Paste over Selection
Duplicate
Delete (Layer)

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

image

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

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

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

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

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

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

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

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

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