/designer
/designer
/Figma: команды и клавиши
Figma: команды и клавиши
/
Duplicate

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.

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

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

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