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

Как в Figma скопировать цветовые и текстовые стили из одного проекта в другой?

Как в Figma скопировать цветовые и текстовые стили из одного проекта в другой?
Не сделать привязку через библиотеку, а именно скопировать все стили (цвет + текст), чтобы их можно было править в новом проекте?

• Вопрос задан более трёх лет назад
• 19031 просмотр

Комментировать

Решения вопроса 0

Ответы на вопрос 3

Степан Воеводин @melpnz Куратор тега Figma

UX/UI дизайнер

очень стал интересен твой вопрос, долго искал и капался, но вроде нашёл.
Если сделать просто Dublicate файла, то он скопирует и файл и стили, при это без привязки к Team Library

Ответ написан более трёх лет назад

Нравится 1 1 комментарий

градиент нужно скопировать в другой объект

Имеется объект (1), залитый градиентом. Требуется получить другой объект (2), залитый этим градиентом, так, чтобы эти градиенты совпадали 1 в 1. Любые манипуляции с новым объектом дают в результате неудовлетворительный вариант (3). В примере объект 2 — это то, что нужно. Но создан он копированием объекта 1 и запихиванием его в маску. Такой вариант не подходит. Нужно или новый объект залить градиентом, или объект с градиентом уменьшить/увеличить, не трансформируя при этом градиент.
В Кореле, например, можно скопировать объект 1, выделить два верхних «ушка» и потянуть вниз. При этом размер объекта изменится, а градиент останется неизменным.

Как скопировать линейный градиент в Figma?

Чтобы скопировать линейный градиент в Figma:.

1. Выберите объект с линейным градиентом, который нужно скопировать. 2. В Инспекторе справа щелкните по цветовой остановке, которую вы хотите скопировать (она будет выделена синим цветом). 3. Нажмите кнопку Копировать.

4. Выберите объект, к которому нужно применить скопированный градиент. 5. В инспекторе справа щелкните по цветовой остановке, в которую нужно вставить градиент (она будет выделена синим цветом). 6. Нажмите кнопку Вставить.

СОВЕТ: Пожалуйста, имейте в виду, что копирование линейного градиента в Figma может привести к потере некоторых цветовых данных. Мы рекомендуем вместо этого использовать функцию «Экспорт».

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

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

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

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

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

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

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

 

Тег video не поддерживается вашим браузером

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

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

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

 
 Тег video не поддерживается вашим браузером

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

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

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

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

 

Тег video не поддерживается вашим браузером

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

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

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

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

 

Тег video не поддерживается вашим браузером

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

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

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

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

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

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

 

Тег video не поддерживается вашим браузером

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

Копировать как PNG

Любой слой можно скопировать в качестве растрового изображения PNG, подробнее читайте в этой статье.