Duplicate

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

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

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

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

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

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

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


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

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

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

/designer

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