/designer
/designer

Duplicate

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

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

image

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

image

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

←
Paste over Selection
Delete (Layer)
 →

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

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

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

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

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

    4. image

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

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

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

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

←
Paste over Selection
Delete (Layer)
 →

— освітній телеграм-канал про продуктовий дизайн, інструменти для нього, про кар’єру дизайнера та еміграцію. Помилки та зворотній зв’язок (українська версія)→ @ChristinaElixir @okunev