Импорт библиотеки компонентов

Pixso поддерживает импорт библиотек компонентов Sketch и Figma. Если вы создали библиотеку на одной из этих платформ и используете ее компоненты в дизайн-файлах, библиотеку и файлы можно импортировать в Pixso. Экземпляры компонентов в импортированных дизайн-файлах продолжат получать обновления из библиотеки. Это позволяет без лишних действий перейти со Sketch или Figma на Pixso.

1. Импорт ресурсов Sketch

1.1 Начало работы и подготовка

1. Найдите в рабочей области пункт Импорт библиотеки компонентов. Нажмите его, чтобы открыть окно импорта.

2. Выберите команду, в которую будет импортирована библиотека. Это важно для корректной связи ресурсов. Перед импортом учтите следующее:

• импортированная библиотека доступна только в выбранной команде; дизайн-файлы необходимо импортировать вместе с ней;
• чтобы избежать дубликатов, в одной команде не должно быть нескольких веток или копий одной библиотеки. Импортируйте актуальную рабочую версию;
• командную библиотеку может импортировать только администратор команды. Если при загрузке дизайн-файлов отсутствует нужная библиотека, обратитесь к администратору;
• библиотеки компонентов и дизайн-файлы можно импортировать в любом порядке.

1.2 Импорт библиотеки компонентов Sketch

Администратор команды может загрузить библиотеку следующим образом:

1. В окне импорта выберите команду, затем пункт Библиотека компонентов Sketch и нужный файл. Можно импортировать несколько файлов одновременно.

2. Импортированная библиотека автоматически публикуется как командная библиотека ресурсов и связывается со всеми файлами Sketch в команде, где используются ее компоненты.

Примечание: не загружайте в одну команду несколько веток или копий одной библиотеки. Если такой файл уже существует, Pixso предложит выбрать дальнейшее действие.

1.3 Импорт дизайн-файлов Sketch

Дизайн-файлы Sketch могут импортировать все редакторы команды. Если нужно перенести и библиотеку, и дизайн-файлы, выполните следующие действия.

1. Выберите Дизайн-файл Sketch и укажите нужный файл.

2. Если в команде есть связанная библиотека Sketch, откройте импортированный файл, выберите экземпляр и нажмите Перейти к основному компоненту, чтобы открыть соответствующую библиотеку. Для этого необходимы права доступа к библиотеке.

3. Когда библиотека обновится, в правом нижнем углу появится уведомление.

4. Нажмите Просмотреть, чтобы увидеть изменения, а затем Обновить, чтобы синхронизировать их.

2. Импорт ресурсов Figma

2.1 Подготовка и доступ

Подготовка:

• Используйте Google Chrome и установите расширение для экспорта (скачать).

• Нажмите значок с тремя точками в правом верхнем углу браузера.

Выберите Расширения > Управление расширениями. На открывшейся странице включите Режим разработчика в правом верхнем углу.

Перетащите скачанный ZIP-файл расширения на эту страницу.

• Если появилась карточка, показанная ниже, расширение установлено.

Примечание: после установки обновите страницу файла Figma перед экспортом.

2.2 Начало работы и подготовка

1. В правом верхнем углу рабочей области Pixso выберите Импорт библиотеки компонентов и откройте вкладку Figma. Сначала необходимо скачать из Figma библиотеку компонентов и дизайн-файлы.

Примечание: библиотека компонентов Figma — это файл, опубликованный в Figma как командная библиотека и содержащий облачные компоненты и стили. Дизайн-файл — файл, где используются командные ресурсы. Если файл содержит и основные компоненты, и экземпляры, импортируйте его как библиотеку компонентов Figma.

2. Перед импортом учтите следующее:

• выберите команду для импорта библиотеки — от этого зависит корректная связь ресурсов;
• командную библиотеку может импортировать только администратор команды;
• в библиотеке должны быть стили. Без них импортированная библиотека может не связаться с экземплярами, поэтому рекомендуется создать хотя бы один стиль;
• Pixso проверяет файлы на дубликаты. Если такой файл уже есть в команде, его можно пропустить или перезаписать.

2.3 Импорт библиотеки компонентов Figma

Импортировать библиотеку может администратор команды. Перетащите файл в область загрузки или выберите его вручную и следуйте инструкциям.

Импортированная библиотека публикуется как командная библиотека ресурсов и связывается со всеми файлами Figma в команде, где используются ее компоненты.

2.4 Импорт дизайн-файла Figma

Дизайн-файлы Figma могут импортировать все редакторы команды. Если нужно перенести и библиотеку, и дизайн-файлы, выполните следующие действия.

1. Выберите Дизайн-файл Figma и укажите нужный файл.

2. Если в команде есть связанная библиотека Figma, откройте импортированный файл, выберите экземпляр и нажмите Перейти к основному компоненту, чтобы открыть соответствующую библиотеку. Для этого необходимы права доступа к библиотеке.

3. Когда библиотека обновится, в правом нижнем углу появится уведомление.

4. Нажмите Просмотреть, чтобы увидеть изменения, а затем Обновить, чтобы синхронизировать их.