Duplicate

Duplicate

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

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

image

Вариант 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. ⏹️

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

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

Paste over Selection
Delete (Layer)

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