Руководства
Импорт файлов
В Pixso можно импортировать разные типы файлов:
- изображения;
- SVG;
- Sketch;
- Adobe XD;
- Pixso;
- Figma;
- Axure.
1. Импорт изображений
Добавить изображение в Pixso можно несколькими способами:
- перетащить его на холст;
- перетащить его на страницу облачных документов;
- загрузить через свойство заливки;
- вставить из буфера обмена;
- скопировать из одного объекта и вставить в другой;
- пакетно добавить изображения в объекты с помощью инструмента изображений.
2. Импорт векторной графики
Для импорта и экспорта векторной графики может потребоваться преобразование формата. Конкретный процесс зависит от источника.
SVG — формат без потерь, поэтому для импорта и экспорта векторной графики рекомендуется использовать именно его.
Импортировать векторы можно несколькими способами:
- импортировать целиком файл Sketch или Pixso, содержащий векторные объекты;
- экспортировать векторные объекты в SVG, а затем импортировать их в Pixso.
3. Импорт файлов
3.1 Через окно импорта
В окне импорта можно выбрать локальные файлы и добавить их в браузер файлов. Поддерживаются разные форматы.
Этим способом можно импортировать файлы:
- Sketch;
- Pixso;
- Adobe XD;
- SVG;
- Axure;
- Figma.
Порядок действий:
- Откройте браузер файлов и нажмите Импортировать файл.
- Выберите нужный файл и нажмите Открыть.
- В зависимости от размера файла импорт может занять несколько секунд или дольше. После завершения нажмите Готово, чтобы вернуться в браузер файлов.
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.
2. Рекомендуется создать пустую папку, выбрать ее для экспорта, а затем нажать Publish Locally.
3. Упакуйте в .zip всю папку, а не отдельный HTML-файл. Не шифруйте архив.
4. Откройте Pixso и выберите Импортировать файл > Axure, затем укажите архив .zip.
3.4 Импорт файла Figma
Pixso поддерживает два способа импорта файлов Figma. Выберите подходящий вариант.
Способ 1. Скачайте файл Figma на устройство и загрузите его в Pixso.
Способ 2. Скопируйте ссылку на файл и вставьте ее в поле импорта по URL в Pixso.
Второй способ зависит от качества интернет-соединения, поэтому рекомендуется первый.
Способ 1. Импорт локального файла Figma
1. Экспортируйте файл из Figma на устройство.
2. В рабочей области Pixso выберите Импортировать файл.
3. Выберите Figma (.fig) и импортируйте один или несколько файлов.
4. После завершения можно загрузить другие файлы или сразу открыть импортированный файл.
Также файл Figma можно перетащить непосредственно в рабочую область.
Способ 2. Импорт файла Figma по ссылке
1. Скопируйте ссылку из адресной строки, окна общего доступа или меню файла.
Примечание: Pixso не поддерживает ссылки на закрытые файлы. В настройках доступа Figma необходимо выбрать Все, у кого есть ссылка.
2. В рабочей области Pixso выберите Импортировать файл.
3. Выберите Figma (.fig) > Импорт по URL.
4. Перед импортом нажмите Перейти к авторизации, войдите в учетную запись Figma и выберите Разрешить доступ.
5. Вставьте ссылку в поле и нажмите Импортировать. После завершения файл можно просматривать и редактировать в рабочей области Pixso.
Проверьте импортированный файл
- Сохраните резервную копию исходного файла и библиотек компонентов, от которых он зависит.
- Откройте импортированный файл и сравните с оригиналом страницы, порядок слоёв, текст, изображения и эффекты.
- Установите недостающие гарнитуры и начертания, затем проверьте переносы строк и компоновку.
- Для общих библиотек выполните инструкцию переноса библиотеки компонентов и проверьте связи основных компонентов с экземплярами.
- Проверьте соединения прототипа и после проверки файла пригласите коллег.
Если импорт не удаётся или результат отличается
Убедитесь, что выбранный файл имеет поддерживаемый исходный формат и по-прежнему открывается в исходном приложении. Сохраните сообщение об ошибке и отметьте, затрагивает ли проблема один файл или несколько. Для исследования большого файла подготовьте меньший пример с проблемным содержимым. Передавайте конфиденциальные файлы только через согласованный канал поддержки.
Для функций плагинов другого продукта может понадобиться соответствующий способ работы в Pixso. Проверьте импортированный файл, прежде чем заменять им оригинал в действующем проекте.