Duplicate

Описание

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

Клавиша Mac

CmdD

Клавиша Windows

CtrlD

Путь

⚪️ Меню клиента macOS🟡 Главное меню (Mac и Win)

Группа команд

Edit

1. File Browser

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

⚪

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

🟡

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

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

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

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

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

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

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

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

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

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