Копирование свойств в Figma: слои, отдельные заливки и текст
Переносить оформление вручную — заливка, обводка, эффект, радиус — долго и легко ошибиться.
Figma умеет копировать свойства одного слоя и вставлять их на другой, причём как весь набор, так и одну строку.
Разберём, где эта функция живёт, какие у неё ограничения и когда лучше всё-таки использовать стили.
Что копируется
Понятие «свойства» охватывает оформление, а не содержимое.
Сюда входят заливки, обводки, эффекты, радиусы углов, параметры сетки и прозрачность.
Не копируются текст, размеры рамки и положение на холсте — для этого есть обычный Ctrl + C.
Где найти команду
Выделите слой-источник, щёлкните правой кнопкой и откройте Copy/Paste as.
В подменю будет пункт Copy properties.
Дальше выделите целевой слой, снова откройте Copy/Paste as и выберите Paste properties.
Горячие клавиши
На macOS это Option + Command + C для копирования и Option + Command + V для вставки.
На Windows — Ctrl + Alt + C и Ctrl + Alt + V.
Сочетания работают и с несколькими выделенными слоями: свойства возьмутся у первого.
Копирование одной строки
Иногда нужен не весь набор, а одна заливка или один эффект.
Порядок такой: выделите слой, в панели справа щёлкните по строке нужного свойства, чтобы Figma подсветила его.
Затем нажмите Command + C (Windows: Ctrl + C) — скопируется именно эта строка, а не слой целиком.
На целевом слое выделите такую же строку и вставьте.
Что происходит при вставке
Figma применяет только те свойства, которые поддерживает целевой слой.
Простая фигура получит заливку, обводку и эффекты.
Текстовый слой получит параметры шрифта, если копировали с текста, и не получит радиус скругления.
Несовместимые свойства просто пропускаются без предупреждения — это стоит помнить.
Копирование с текста на текст
Выделите текстовый слой и примените Copy properties.
На другом текстовом слое Paste properties перенесёт семейство, начертание, размер, межстрочный интервал, трекинг и цвет.
Если рамка слишком узкая, длинный текст после смены размера может переполниться.
Figma не подгоняет ширину автоматически, если у слоя задан фиксированный размер.
Вставка текста в выделение
Отдельный сценарий — вставка текста, а не свойств.
Если в буфере текст, а на холсте выделен текстовый слой, Figma заменит его содержимое.
Если курсор стоит внутри слоя, текст вставится в позицию курсора.
Это разные операции: одна меняет оформление, другая — содержимое.
Мультивыделение
Можно выделить сразу несколько целевых слоёв и вставить свойства во все.
Приём экономит время при правке списков, кнопок и карточек, собранных из одинаковых фигур.
Если слои сгруппированы, свойства применятся к группе как к контейнеру, а не к детям.
Свойства и стили
Если оформление повторяется больше двух раз, лучше вынести его в стиль.
Стиль живёт в библиотеке, обновляется в одном месте и не требует ручных переносов.
О стилях — в статье о стилях цвета и текста.
Копирование свойств — инструмент для разовой работы, а не замена системе.
Свойства и компоненты
Внутри компонента часть оформления задаётся через свойства экземпляра.
Копирование свойств поверх экземпляра создаёт переопределение.
Такое переопределение может оторвать элемент от системы: при обновлении компонента оно сохранится и перекроет новое оформление.
О компонентах — в статье о библиотеке компонентов.
Работа с эффектами
Тень, внутренняя тень и размытие переносятся вместе.
Если у источника несколько эффектов, они копируются все, а не только видимые в свёрнутом виде.
Порядок эффектов при вставке сохраняется.
Это важно для теней с наложением режимов смешивания.
Радиусы и обводки
Радиус копируется как единое значение, если у фигуры все углы одинаковые.
У фигуры с разными радиусами переносятся все четыре значения.
Обводка переносится вместе с толщиной и положением: внутри, снаружи или по центру.
Практика: единый вид карточек
Соберите одну карточку, которая выглядит правильно.
Скопируйте с неё свойства и вставьте на остальные карточки в сетке.
Проверьте, что у всех одинаковый радиус и нет двойных теней.
Если карточки уже собраны в компонент, правьте сам компонент, а не экземпляры.
Практика: перенос из чужого файла
Откройте файл-источник, выделите нужный слой и скопируйте свойства.
Переключитесь на свой файл и вставьте.
Работает и через вкладки браузера: буфер Figma переносит свойства между файлами и командами.
Если файл чужой и используется библиотека, убедитесь, что у вас есть доступ к ней.
Практика: быстрый перевод макета в код
Перед передачей в разработку полезно привести одинаковые элементы к одному виду.
Копирование свойств помогает быстро выровнять кнопки и поля перед публикацией.
О самой передаче — в статье о Dev Mode.
Ограничения
Нельзя скопировать свойства у слоя, который скрыт или заблокирован: сначала снимите блокировку.
Не получится перенести оформление на слой другого типа, если свойства несовместимы.
Вставка не работает в режиме просмотра — нужен режим редактирования.
Буфер обмена очищается при закрытии вкладки.
Где ломается
Свойства не вставились. Целевой слой не поддерживает такие параметры или выделен не тот объект.
Скопировался весь слой, а не строка. Не была подсвечена строка свойства перед копированием.
Слетело оформление компонента. Вставка создала переопределение поверх экземпляра.
Текст переполнил рамку. Новый размер шрифта не совпал с фиксированной шириной.
Ничего не происходит. Файл открыт только для просмотра.
Чем это отличается от копирования слоя
Ctrl + C и Ctrl + V создают копию объекта со всем содержимым и положением.
Copy properties берёт только оформление и применяет его к уже существующему слою.
Первое нужно, когда элемента ещё нет; второе — когда элемент есть, но выглядит иначе.
Порядок в командной работе
Договоритесь, какие элементы оформляются стилями, а какие допускают ручной перенос.
Если стиль меняется, ручные переопределения не обновятся, и расхождение заметят не сразу.
Перед релизом полезно пройтись по макету и проверить, нет ли слоёв с оторванным оформлением.
FAQ
Какие клавиши копируют свойства?
Option + Command + C и Option + Command + V на macOS, Ctrl + Alt + C и Ctrl + Alt + V на Windows.
Можно ли скопировать только одну заливку?
Да: подсветите строку заливки в панели справа, скопируйте её и вставьте в такую же строку другого слоя.
Переносится ли текст?
Нет, команда копирует оформление; содержимое переносится обычным копированием.
Что будет с экземпляром компонента?
На нём появится переопределение, которое перекроет свойства компонента.