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

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

1. Идём дублировать проект. Кликаем на стрелоку рядом с названием и нажимаем Duplicate.

FAQ Figma. Ответы на самые популярные вопросы

Figma как экспортировать

Экспорт в фигма

Как экспортировать из Figma

Figma или adobe xd

Figma как сохранить проект

Figma как сохранить проект

Тень в фигме. Как настроить тень в Figma

Тень в фигма

Как верстать из Figma

Как верстать из Figma

История версий в Figma

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

1. Скопируйте фрейм во вкладке исходного проекта, выделив его и нажав ctrl+c / ctrl + v (command + c / command +v).

2. Перейдите во вкладку другой работы и вставьте фрейм

Помогла ли вам эта статья?

По теме:

Друзья и партнеры ��

Бесплатные иконки SVG и PNG

Для коммерческих проектов

Бесплатно под заказ

• Более тысячи иконок
• Ежедневные обновления
• Без регистрации и подписки

Новые статьи

Если вы столкнулись с тем, что при экспорте одного слоя (например, фрейма) Figma экспортирует архив, а не изображение, проверьте: У вас выделен для экспорта один элемент, а не…

Figma изначально не предназначена для работы с видео, однако существуют плагины, расширяющие возможности экспорта. В том числе и для анимации gif и видео. Export to GIF/Video Плагин позволяет…

Заливка в Figma: может добавляться к любым слоям, включая текст, шейпы, фреймы и даже группы (про нюансы заливки группы читайте здесь) может быть сочетаться с другими заливками для…

Проблема: автокоррект в Figma подчеркивает все слова как неправильные Возможные решения: У вас указан не тот язык для проверки, которым вы пользуетесь.Проверьте настройки и установите автовыбор языка У…

28 Figma-плагинов для экспорта, импорта и конвертации дизайна в разные форматы файлов, в код и из кода, в прототипы и готовые сайты, в полезные сторонние сервисы

Default export

Export Original Images — экспорт картинок из макетов в оригинальном разрешении и без обрезки

Export Original Images

html.to.design — конвертирует живые сайты в редактируемый макет Figma

html.to.design

Anima — конвертирует макеты в интерактивные анимированные прототипы или HTML-код

Convertify Sketch/XD/AE/EPS — импортирует макеты из XD в Figma, а также экспортирует проекты в After Effects, Sketch, Adobe XD и EPS

Convertify Sketch/XD/AE/EPS

Figma to HTML — конвертирует выбранные элементы в HTML

Figma to HTML

Export Image for Native — экспортирует изображения в форматах, необходимых для Android или iOS

Export Image for Native

TinyImage Compressor — сжимает экспортируемые из Figma изображения до 90% без потери качества и упаковывает в архив

TinyImage Compressor

SVG Export — экспорт в вектор с более гибкими настройками, чем стандартный

SVG Export

Design Tokens — экспортирует стили Figma и дизайн-токены в json-файл и загружает на Github

Design Tokens

Export styles to CSS variables

Export PNG with Color Profile — экспорт в PNG со встроенным цветовым профилем (включая Display P3)

Export PNG with Color Profile

Export Icon Font — экспортирует векторный шрифт в формат TrueType (.ttf)

Export Icon Font

JSON to Figma — импортирует значения переменных из JSON-файла прямо в макет (и обратно). Поможет ускорить создание однотипных компонентов с разными данными

JSON to Figma

Export Settings Helper — создаёт настройки экспорта со стандартными параметрами для iOS, Android и веба

Export Settings Helper

Pygma — плагин для экспорта в сервис публикации сайтов. То есть прямо из Figma в готовый адаптивный сайт за несколько кликов

Pygma

Awesome Icon Export — экспортирует иконки в любой текстовый формат файла

Awesome Icon Export

Favvy Favicon Exporter — автоматически генерирует и экспортирует готовые иконки (включая весь необходимый код) для вашего сайта из одного фрейма Figma за считанные секунды

Favvy Favicon Exporter

iOS Export Settings — автоматически применяет правильные настройки экспорта iOS иконок

iOS Export Settings

Marka Email Generator — конструктор писем для email-рассылок в формате HTML. Готовые письма поддерживают Gmail, Apple Mail, Outlook и другие клиенты. Также доступна мини-инструкция и шаблоны от разработчика

Marka Email Generator

ProtoPie — экспорт проекта из Figma в ProtoPie

ProtoPie

Miro — экспортирует и синхронизирует данные из Miro

Miro

Figma to HTML with Framer

Jitter — экспорт проекта в сервис интерфейсной анимации Jitter

Bravorizer — экспортирует дизайн в no-code конструктор мобильных приложений Bravo. Проверяет фреймы на готовность к экспорту, а также позволяет добавлять теги к страницам, фреймам или компонентам

Bravorizer

Zeplin — экспортирует макеты в Zeplin

Zeplin

Illustrator + SVG Import — исправляет ошибки при импорте SVG из Illustrator, и добавляет перенос через буфер обмена

Illustrator + SVG Import

Overflow for Figma — синхронизирует проекты с платформой для прототипирования Overflow, которая позволяет создавать диаграммы и кликабельные презентации

Как скопировать компоненты на другую страницу в Figma

В этой статье я расскажу как скопировать мастер-компонент и его компоненты с одной страницы на другую в Figma. Чтобы компоненты не были связаны между страницами.

Будьте осторожны, при таком копировании слетают все текстовые стили

Я разрабатываю продукт, где есть версии. Дизайн продукта на14 страниц. Все страницы в этом продукте используют компоненты и стили.

Так выглядят компоненты, их много и вручную откреплять от одного мастер компонента к другому — можно поехать кукухой.

Трудность

Что делать, когда нужна будет вторая версия продукта? Я как раз на пороге второй версии. Я думал снизу страниц делать её вторую версию.

Версии страниц в столбик. Сверху первая версия, снизу вторая.

Но дело в том, что во второй версии может измениться шапка, кнопка и цвет ссылок. Что делать в этом случае? Раздувать фрейм с компонентами. Но через 10 версии этот файл будет с трудом открываться из-за объёма.

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

Решение

Мы продублируем страницу, скопируем нужные блоки и их мастер-компоненты и вставим это на созданной странице в основном файле.

Инструкция

Чтобы провернуть этот трюк, нам сначала нужно продублировать весь файл. Да, даже если нужно откопировать часть файлов и их компоненты, надо всё равно копировать весь файл.

1. Идём дублировать проект. Кликаем на стрелоку рядом с названием и нажимаем Duplicate.

2. После открытия нового файла скопируйте там нужные элементы и компоненты. Если вы хотите чтобы они были связаны — надо скопировать и мастер-компонент и дочерние компоненты. Я например скопировал всё.

3. Вставить их на новой странице. Теперь они свяжутся и будут отделены от тех, что лежат на соседней странице.