Руководства

Импорт файлов

В Pixso можно импортировать разные типы файлов:

  • изображения;
  • SVG;
  • Sketch;
  • Adobe XD;
  • Pixso;
  • Figma;
  • Axure.

Импорт файла в Pixso в Pixso

1. Импорт изображений

Добавить изображение в Pixso можно несколькими способами:

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

2. Импорт векторной графики

Для импорта и экспорта векторной графики может потребоваться преобразование формата. Конкретный процесс зависит от источника.

SVG — формат без потерь, поэтому для импорта и экспорта векторной графики рекомендуется использовать именно его.

Импортировать векторы можно несколькими способами:

  • импортировать целиком файл Sketch или Pixso, содержащий векторные объекты;
  • экспортировать векторные объекты в SVG, а затем импортировать их в Pixso.

3. Импорт файлов

3.1 Через окно импорта

В окне импорта можно выбрать локальные файлы и добавить их в браузер файлов. Поддерживаются разные форматы.

Этим способом можно импортировать файлы:

  • Sketch;
  • Pixso;
  • Adobe XD;
  • SVG;
  • Axure;
  • Figma.

Порядок действий:

  1. Откройте браузер файлов и нажмите Импортировать файл.
  2. Выберите нужный файл и нажмите Открыть.
  3. В зависимости от размера файла импорт может занять несколько секунд или дольше. После завершения нажмите Готово, чтобы вернуться в браузер файлов.

3.2 Перетаскивание файла

Файлы можно перетаскивать в браузер файлов или редактор.

В браузер файлов можно перетащить:

  • Sketch;
  • Pixso;
  • Adobe XD;
  • SVG;
  • Axure;
  • Figma.

В редактор можно перетащить:

  • SVG;
  • изображения PNG и JPG.

3.3 Импорт файла Axure

Для импорта проекта Axure сначала создайте HTML-файлы проекта, а затем импортируйте их в Pixso для дальнейшего редактирования.

Папку с HTML-файлами необходимо упаковать в незашифрованный архив .zip.

Порядок действий:

1. В Axure выберите Publish > Generate HTML Files.

3.3 Импорт файла Axure в Pixso

2. Рекомендуется создать пустую папку, выбрать ее для экспорта, а затем нажать Publish Locally.

3.3 Импорт файла Axure в Pixso

3. Упакуйте в .zip всю папку, а не отдельный HTML-файл. Не шифруйте архив.

4. Откройте Pixso и выберите Импортировать файл > Axure, затем укажите архив .zip.

3.3 Импорт файла Axure в Pixso

3.4 Импорт файла Figma

Pixso поддерживает два способа импорта файлов Figma. Выберите подходящий вариант.

Способ 1. Скачайте файл Figma на устройство и загрузите его в Pixso.

Способ 2. Скопируйте ссылку на файл и вставьте ее в поле импорта по URL в Pixso.

Второй способ зависит от качества интернет-соединения, поэтому рекомендуется первый.

Способ 1. Импорт локального файла Figma

1. Экспортируйте файл из Figma на устройство.

3.4 Импорт файла Figma в Pixso

2. В рабочей области Pixso выберите Импортировать файл.

3. Выберите Figma (.fig) и импортируйте один или несколько файлов.

3.4 Импорт файла Figma в Pixso

4. После завершения можно загрузить другие файлы или сразу открыть импортированный файл.

3.4 Импорт файла Figma в Pixso

Также файл Figma можно перетащить непосредственно в рабочую область.

3.4 Импорт файла Figma в Pixso

Способ 2. Импорт файла Figma по ссылке

1. Скопируйте ссылку из адресной строки, окна общего доступа или меню файла.

3.4 Импорт файла Figma в Pixso

3.4 Импорт файла Figma в Pixso

3.4 Импорт файла Figma в Pixso

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

3.4 Импорт файла Figma в Pixso

2. В рабочей области Pixso выберите Импортировать файл.

3. Выберите Figma (.fig) > Импорт по URL.

3.4 Импорт файла Figma в Pixso

4. Перед импортом нажмите Перейти к авторизации, войдите в учетную запись Figma и выберите Разрешить доступ.3.4 Импорт файла Figma в Pixso

3.4 Импорт файла Figma в Pixso

5. Вставьте ссылку в поле и нажмите Импортировать. После завершения файл можно просматривать и редактировать в рабочей области Pixso.

3.4 Импорт файла Figma в Pixso

Проверьте импортированный файл

  1. Сохраните резервную копию исходного файла и библиотек компонентов, от которых он зависит.
  2. Откройте импортированный файл и сравните с оригиналом страницы, порядок слоёв, текст, изображения и эффекты.
  3. Установите недостающие гарнитуры и начертания, затем проверьте переносы строк и компоновку.
  4. Для общих библиотек выполните инструкцию переноса библиотеки компонентов и проверьте связи основных компонентов с экземплярами.
  5. Проверьте соединения прототипа и после проверки файла пригласите коллег.

Если импорт не удаётся или результат отличается

Убедитесь, что выбранный файл имеет поддерживаемый исходный формат и по-прежнему открывается в исходном приложении. Сохраните сообщение об ошибке и отметьте, затрагивает ли проблема один файл или несколько. Для исследования большого файла подготовьте меньший пример с проблемным содержимым. Передавайте конфиденциальные файлы только через согласованный канал поддержки.

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