Как в Фигме копировать. Расширенные возможности


Figma предлагает несколько видов копирования:

  1. Обычное копирование элемента
  2. Дублирование элемента
  3. Копирование стилей

Также вам может быть полезно:

Как скопировать фрейм в другой проект?

Как продублировать проект?

 

Все три буфера обмена работают независимо и не перезаписывают друг друга. 


Обычное копирование (crtl+c/ctrl+v или cmnd+c/cmnd+v)

Самое привычное для большинства пользователей копирование. 

Скопированный объект будет вставлен в активный фрейм с теми же параметрами расположения (отступами слева и сверху). 

Результат копирования в Фигме
Результат копирования в Фигме

На скриншоте вы видите два квадрата, один из которых является копией другого. Они находятся в разных фреймах, но у них одинаковые отступы. Так как мы копировали из правого фрейма в левый, а левый фрейм уже правого, то скопированный квадрат частично выходит за область фрейма. 

Видео: копирование в Figma


Вставить на месте другого элемента

Чтобы вставить скопированный элемент рядом (на месте) другого произвольного выделенного (выбранного) элемента, используйте сочетание Shift + Command + V. Скопированный элемент будет иметь те же параметры X и Y.

Видео: копирование в место рядом с другим элементом в Figma


Дублирование элемента

Дублирование выполняется сочетанием ctrl+d или cmnd+d. Дублирование фактически объединяет две команды crtl+c/ctrl+v или cmnd+c/cmnd+v, но помимо этого, если вы сдвинете первый продублированный элемент, то следующий продублированный будет сдвинут на такое же расстояние от предыдущего. 

  1. Выбрать элемент
  2. Нажать ctrl+d или cmnd+d
  3. Сдвинуть дубль
  4. Применять пункт 2 необходимое количество раз
Дублирование в Фигме
Исходный объект
Дублирование в Фигме
Дублирование в Фигме

 

Видео: дублирование в Figma

Такой способ удобен для создания группы одинаковых элементов


Перетаскивание с зажатым Option (Alt)

Если вы выделите элемент, а затем перетащите его по экрану с зажатой клавишей Option (Mac), Фигма создаст копию этого объекта. При этом будут показаны подсказки с расстояниями до исходного элемента и других объектов.

Видео: копирование перетаскивающем с Alt или Option


Копирование стилей

Копирование стилей применяется сочетанием crtl+alt+c/ctrl+alt+v или cmnd+option+c/cmnd+option+v

Данная процедура применяет все стили одного элемента к другому. 

Копирование стиля в Figma
Исходное изображение
Копирование стиля в Figma
Результат копирования стилей

Переносятся: 

  1. Заливка
  2. Обводка
  3. Эффекты
  4. Шрифты
  5. Позиционирование
  6. Скрепления

Не переносятся:

  1. Длина и высота
  2. Расположение элемента

Как пользоваться:

  1. Выделяем исходный элемент 
  2. Жмем crtl+alt+c или cmnd+option+c
  3. Выделяем один или несколько элементов, к которым нужно применить стиль
  4. Жмём ctrl+alt+v или cmnd+option+v

Видео: копирование стилей

 

Изображения для примера мы взяли из плагина Unsplash

 



👋 Курс дизайнера за полцены: сформируйте портфолио и найдите высокооплачиваемую работу. Помощь с трудоустройством!

По теме:


<