Руководство пользователя Отмена

Работа с внешними ресурсами

  1. Руководство пользователя Adobe XD
  2. Введение
    1. Новые возможности Adobe XD
    2. Распространенные вопросы
    3. Создание дизайна, прототипов и совместная работа в Adobe XD
    4. Системные требования
      1. Требования к оборудованию и программному обеспечению
      2. Adobe XD, Big Sur и Apple Silicon | macOS 11
    5. Основные сведения о рабочей среде
    6. Изменение языка приложения в Adobe XD
    7. Доступ к наборам для дизайна пользовательского интерфейса
    8. Доступность в Adobe XD
    9. Сочетания клавиш
    10. Советы и рекомендации
    11. Варианты условий подписки на Adobe XD
    12. Изменения в начальном плане XD
  3. Дизайн
    1. Монтажные области, направляющие и слои
      1. Начало работы с монтажными областями
      2. Использование направляющих и сеток
      3. Создание прокручиваемых монтажных областей
      4. Работа со слоями
      5. Создание групп прокрутки
    2. Фигуры, объекты и путь
      1. Выделение, изменение размера и поворот объектов
      2. Перемещение, выравнивание, распределение и упорядочивание объектов
      3. Группирование, блокирование, дублирование, копирование и зеркальное отражение объектов
      4. Задание обводки, заливки и теней для объектов
      5. Создание повторяющихся элементов
      6. Создание перспективных проектов с помощью 3D-преобразований
      7. Редактирование объектов с помощью логических операций
    3. Текст и шрифты
      1. Работа с инструментами для рисования и создания текста
      2. Шрифты в Adobe XD
    4. Компоненты и состояния
      1. Работа с компонентами
      2. Работа с вложенными компонентами
      3. Добавление нескольких состояний для компонентов
    5. Маскировка и эффекты
      1. Создание маски с фигурами
      2. Работа с эффектами размытия
      3. Создание и изменение градиентов
      4. Применение эффектов наложения
    6. Макет
      1. Адаптивное изменение размера и ограничения
      2. Установка фиксированного отступа для компонентов и групп
      3. Создание динамичных проектов с подборками
    7. Видео и анимации Lottie
      1. Работа с видео
      2. Создание прототипов при помощи видео
      3. Работа с анимацией Lottie
  4. Создание прототипа
    1. Создание интерактивных прототипов
    2. Анимирование прототипов
    3. Свойства объекта, которые поддерживаются при автоматическом анимировании
    4. Создание прототипов с клавиатуры и геймпада
    5. Создание прототипов с помощью голосовых команд и воспроизведения
    6. Создание синхронизированных переходов
    7. Добавление наложений
    8. Создание голосовых прототипов
    9. Создание якорных ссылок
    10. Создание гиперссылок
    11. Предварительный просмотр проектов и прототипов
  5. Публикация, экспорт и проверка
    1. Публикация выбранных монтажных областей
    2. Предоставление совместного доступа к проектам и прототипам
    3. Настройка разрешений на доступ к ссылкам
    4. Работа с прототипами
    5. Просмотр прототипов
    6. Работа со спецификациями дизайна
    7. Предоставление общего доступа к спецификациям дизайна
    8. Проверка спецификаций дизайна
    9. Навигация в спецификациях дизайна
    10. Проверка и комментирование спецификаций дизайна
    11. Экспорт ресурсов дизайна
    12. Экспорт и загрузка ресурсов из спецификаций дизайна
    13. Корпоративный групповой совместный доступ
  6. Системы дизайна
    1. Системы дизайна с библиотеками Creative Cloud Libraries
    2. Работа с ресурсами документа в Adobe XD
    3. Работа с библиотеками Creative Cloud Libraries в Adobe XD
    4. Переход от связанных ресурсов к библиотекам Creative Cloud Libraries
    5. Работа с проектными токенами 
    6. Использование ресурсов из библиотек Creative Cloud Libraries
  7. Облачные документы
    1. Облачные документы в Adobe XD
    2. Совместная работа и совместное редактирование проектов
    3. Совместное редактирование документов, к которым вам предоставили доступ
  8. Интеграция и плагины
    1. Работа с внешними ресурсами
    2. Работа с ресурсами проекта из Photoshop
    3. Копирование ресурсов из Photoshop
    4. Как импортировать или открыть проекты Photoshop
    5. Работа с ресурсами Illustrator в Adobe XD
    6. Импортирование и открытие проектов Illustrator
    7. Копирование векторных объектов из Illustrator в XD
    8. Плагины для Adobe XD
    9. Создание плагинов и управление ими
    10. Интеграция Jira с XD
    11. Подключаемый модуль Slack для XD
    12. Подключаемый модуль Zoom для XD
    13. Публикация работы из XD на Behance
  9. XD для iOS и Android
    1. Предварительный просмотр на мобильных устройствах
    2. Часто задаваемые вопросы по Adobe XD для мобильных устройств
  10. Устранение неполадок
    1. Выявленные неполадки и исправленные ошибки
      1. Выявленные неполадки
      2. Исправленные неполадки
    2. Установка и обновления
      1. XD отображается как несовместимый в Windows
      2. Код ошибки 191
      3. Код ошибки 183
      4. Проблемы при установке плагинов XD
      5.  Запрос на удаление и переустановку XD в Windows 10
      6. Проблемы с миграцией предпочтений
    3. Запуск и сбой
      1.  XD аварийно завершает работу при запуске в Windows 10
      2.  XD закрывается при выходе из Creative Cloud
      3. Проблема со статусом подписки в Windows
      4. Предупреждение о заблокированном приложении при запуске XD в Windows
      5. Создание аварийного дампа в Windows
      6. Сбор и отправка журнала сбоев
    4. Облачные документы и библиотеки Creative Cloud Libraries
      1. Проблемы с облачными документами XD
      2. Проблемы со связанными компонентами
      3. Проблемы с библиотеками и ссылками
    5. Прототип, публикация и обзор
      1. Не удается записать взаимодействия прототипов в macOS Catalina
      2. Проблемы с процессами публикации
      3. Опубликованные ссылки не отображаются в браузерах
      4. Прототипы некорректно отображаются в браузерах
      5. На общих ссылках внезапно появляется панель комментариев
      6. Невозможно опубликовать библиотеки
    6. Импорт, экспорт и работа с другими приложениями
      1. Импорт и экспорт в XD
      2. Файлы Photoshop в XD
      3. Файлы Illustrator в XD
      4. Экспорт из XD в After Effects
      5. Файлы Sketch в XD
      6. В разделе экспорта не представлены сторонние приложения

Узнайте, как перенести ресурсы в Adobe XD из Photoshop, Illustrator, Sketch и веб-браузеров, а также экспортировать ресурсы в After Effects.

Вы можете добавлять ресурсы в XD из других приложений Adobe, таких как Photoshop и Illustrator, а также из сторонних приложений, таких как Sketch, и веб-браузеров. В XD можно продолжить работу над этими ресурсами или использовать их для разработки интерактивных прототипов. Вы также можете экспортировать ресурсы из XD в After Effects для их дальнейшего улучшения.

В зависимости от приложения вы можете работать с внешними ресурсами разными способами:

 Если вы хотите преобразовать файлы Photoshop и Illustrator в файлы XD, нажмите «Открыть». Если вы хотите добавить содержимое этих файлов в существующий файл XD, нажмите «Импорт».

Работа в Photoshop

Для переноса ресурсов Photoshop в XD можно пользоваться любым из приведенных ниже способов.

  • Откройте файл .psd прямо в XD, выбрав Файл > Открыть. Затем можно отредактировать файл в XD, как и любой другой файл XD, создать взаимосвязи и опубликовать их в качестве прототипов или спецификаций проекта.
  • Импортируйте файл .psd в XD, выбрав Файл > Импорт.
  • Скопировать растровое и векторное изображение из Photoshop и вставить его в XD. 
  • Перетащить ресурсы Photoshop из панели Библиотеки на холст XD. Дополнительные сведения см. в разделе Creative Cloud Libraries в Adobe XD.
  • Скопировать файл .psd в буфер обмена ОС и с помощью команды Вставить оформление вставить изображение способом, предполагающим непосредственную заливку изображением. 

Дополнительные сведения см. в разделе Работа с графическими ресурсами из Photoshop.

Копирование и вставка SVG из Photoshop

Чтобы скопировать и вставить SVG из Photoshop, щелкните правой кнопкой мыши слой фигуры или векторный слой в Photoshop, щелкните Копировать SVG и вставьте его в XD.

Добавление ресурсов из Illustrator

Файлы Illustrator можно открыть в XD или импортировать.

Также можно скопировать векторные и растровые изображения из Adobe Illustrator и вставить их в XD с сохранением качества и возможности редактирования при открытии или импорте файлов Illustrator. Файлы Illustrator помещаются в открытый документ, а не открываются как отдельный документ. Смарт-объекты импортируются как расширенные слои, а не растровые изображения, а корректирующие слои сохраняются. Однако монтажную область Illustrator невозможно скопировать и вставить в XD.

Кроме того, можно скопировать векторный файл в буфер обмена ОС и с помощью команды Вставить оформление вставить изображение непосредственно в качестве заливки изображением. 

Также в XD можно добавить ресурсы Adobe Illustrator, хранящиеся в Creative Cloud Libraries, перетаскивая их из панели Библиотеки на холст XD. Дополнительные сведения см. в разделе Creative Cloud Libraries в Adobe XD.

Копирование и вставка SVG в Illustrator из XD

Теперь можно скопировать векторное содержимое XD в буфер обмена, а затем вставить его как полностью редактируемые слои в Adobe Illustrator.

Чтобы скопировать и вставить содержимое из XD в Illustrator:

1. Щелкните правой кнопкой мыши по слою фигуры или векторному слою в XD и выберите Копировать в контекстном меню.

2. В Adobe Illustrator выберите Правка > Вставить, чтобы вставить векторное содержимое.

Открытие файлов Illustrator в XD

Добавление ресурсов Illustrator в XD
Добавление ресурсов Illustrator в XD

Файлы Illustrator (.ai) можно напрямую открыть в XD и преобразовать в файлы XD. Открыв файлы, их можно отредактировать в XD, создать взаимосвязи и опубликовать их в качестве прототипов или спецификаций проекта.

Чтобы открыть файл Illustrator в XD, выполните следующие действия:

  • В XD выберите Файл > Открыть. Перейдите к нужной папке, выберите файл .ai и откройте его в XD. Также можно воспользоваться сочетанием клавиш Cmd+O (Mac) или Ctrl+O (Windows).
  • Чтобы открыть файл в XD (только на Mac), перетащите файл Ai на значок XD.
  • Щелкните файл Illustrator правой кнопкой мыши и выберите Открыть в > XD из подменю.

 При открытии файла Illustrator в XD не все элементы поддерживаются с абсолютным качеством. Список поддерживаемых и неподдерживаемых элементов см. в разделе Поддерживаемые элементы при открытии файлов Illustrator в XD.

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

Чтобы импортировать файл Illustrator в XD, выберите Файл > Импорт. Если в импортированном файле Illustrator есть монтажные области, то эти монтажные области размещаются под монтажными областями XD. Если под монтажными областями XD недостаточно места, импортированные монтажные области помещаются в доступные области. Если в импортированном файле нет монтажных областей, его ресурсы помещаются в центр холста. Если в импортированном файле нет монтажных областей, его ресурсы помещаются в центр холста. 

Добавление ресурсов из Sketch

Способы добавления ресурсов Sketch в XD
Способы добавления ресурсов Sketch в XD

  • Файл .sketch можно открыть прямо в XD. Затем можно отредактировать файл в XD, как и любой другой файл XD, создать взаимосвязи и опубликовать их в качестве прототипов или спецификаций проекта. Дополнительные сведения см. в разделе Открытие файлов Sketch в XD.
  • Также можно скопировать ресурсы из Sketch и вставить их в XD. Дополнительные сведения см. в разделе Добавление ресурсов из Sketch.
  • Также можно копировать и вставлять непосредственно из Sketch в XD, сохраняя возможность редактирования в XD.
  • Кроме того, можно скопировать файл Sketch в буфер обмена ОС и с помощью команды Вставить оформление вставить изображение непосредственно в качестве заливки изображением. 
  • Содержимое Sketch можно преобразовать в системы проектирования XD. Дополнительные сведения см. в разделе Преобразование библиотек Sketch.

Открытие файлов Sketch в XD

Файлы Sketch (.sketch) можно напрямую открыть в XD и преобразовать в файлы XD. Открыв файлы, их можно отредактировать в XD, создать взаимосвязи и опубликовать их в качестве прототипов или спецификаций проекта.

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

Чтобы открыть файл Sketch в XD, выполните одно из следующих действий.

  • Нажмите Файл > Открыть. Перейдите в нужную папку, выберите файл .sketch и откройте его в XD.
  • Перетащите файл Sketch на значок XD, чтобы открыть файл в XD (только на Mac).
  • Щелкните файл Sketch правой кнопкой мыши и выберите Открыть в > XD из контекстного меню.

Также можно воспользоваться сочетанием клавиш Cmd+O (Mac) или Ctrl+O (Windows).

 При открытии файла Sketch в XD не все элементы поддерживаются с абсолютным качеством. Список поддерживаемых и неподдерживаемых элементов см. в разделе Поддерживаемые элементы при открытии файлов Sketch в XD.

Добавление выбранных ресурсов из Sketch

  1. В Sketch выделите один или несколько слоев или групп и нажмите Сделать экспортируемым

  2. Выберите формат SVG и перетащите слой из Sketch в XD.

    Содержимое вставляется в XD как редактируемое векторное содержимое.

Преобразование библиотек Sketch в системы проектирования XD

Теперь можно переместить содержимое Sketch в XD и продолжить работу над системами проектирования. Символы и элементы Sketch можно не только преобразовать в компоненты XD, но и использовать как связанные ресурсы.

  1. Откройте систему проектирования в XD.
  2. На панели Ресурсы нажмите Добавить ссылку на ресурсы. Если на панели «Ресурсы» уже есть ресурсы, щелкните значок плюса (+).
  3. В окне Добавить ссылку на ресурсы выберите Преобразовать библиотеку Sketch и выберите файл Sketch из средства выбора файлов. XD преобразовывает исходный документ Sketch, автоматически сохраняет его как облачный документ и связывает цвета, стили символов и компоненты с вашим документом XD. 
  4. Если вам нужно работать с несколькими библиотеками Sketch, щелкните значок плюса на панели «Ресурсы» и повторно импортируйте еще одну библиотеку Sketch. 

Библиотеки и компоненты Sketch

Для работы с компонентами в XD придерживайтесь этих рекомендаций:

  1. Перетащите преобразованные компоненты в монтажную область. 
  2. Чтобы отредактировать исходный компонент, щелкните по экземпляру компонента, щелкните правой кнопкой мыши и выберите Редактировать мастер в исходном документе
  3. Чтобы отредактировать ресурс, выберите его на панели «Ресурсы».
  4. После внесения изменений переключитесь на рабочий документ.
  5. Нажмите Обновить, чтобы принять изменения. 

Дополнительные сведения см. в разделе Работа с компонентами в XD.

Подробнее

Посмотрите эту анимированную иллюстрацию, чтобы узнать больше о преобразовании библиотек Sketch в системы проектирования XD.

Время просмотра: 30 секунд.

1

Добавление ресурсов из веб-браузеров

Изображения можно перетаскивать на монтажные области непосредственно из всех современных веб-браузеров. Также можно перетаскивать изображения в объект на монтажной области — при этом размер изображения автоматически корректируется под объект.

Кроме того, можно скопировать изображение в буфер обмена ОС и с помощью команды Вставить оформление вставить изображение непосредственно в качестве заливки изображением. 

Импорт других файлов

Чтобы импортировать такие ресурсы, как PNG, JPG, TIFF, GIF, SVG, поддерживаемые видеофайлы и файлы Lottie, выполните одно из действий, описанных ниже.

  • Щелкните Файл > Импорт, затем выберите файл.
  • Перетащите файл в XD из Finder или из проводника Windows. Вы также можете скопировать и вставить файл изображения.

Экспорт в After Effects

Экспорт ресурсов в After Effects
Экспорт ресурсов в After Effects

 Из XD вы можете экспортировать файл только в After Effects 2018 и более поздние версии. Если у вас установлена более старая версия, опция экспорта в After Effects отключена. Чтобы включить ее, войдите в приложение Creative Cloud для настольных ПК и обновите After Effects до новейшей версии.

Чтобы с помощью After Effects превращать свои проекты XD в пользовательские анимации или микровзаимодействия, выполните следующее действия:

  • В XD выберите слой или монтажную область, которую нужно анимировать в After Effects. 
  • Выберите Файл > Экспорт > After Effects. Если приложение After Effects не установлено на вашем компьютере, этот параметр отображается в сером цвете. Также можно воспользоваться сочетанием клавиш ⌥⌘F (Mac) или Ctrl+Alt+F (Windows). Приложение After Effects запустится (если оно закрыто) или переместится на передний план (если оно работает в фоновом режиме).
  • Выбранные слои или монтажные области передаются в виде собственных форм, текстов, содержащих интервалы между абзацами, ресурсов, внутренних и внешних штрихов и вложенных композиций в вашем проекте After Effects. В один и тот же проект After Effects можно переносить ресурсы много раз и создавать анимации поэтапно или из нескольких файлов XD.

 При экспорте содержимого XD в After Effects не все элементы поддерживаются с абсолютным качеством. Список поддерживаемых и неподдерживаемых элементов см. в разделе Поддерживаемые функции при экспорте файлов XD в After Effects

Ограничения импорта и экспорта

Чтобы узнать об ограничениях импорта и экспорта, см. раздел Почему я не могу импортировать или экспортировать файлы в Adobe XD?

Логотип Adobe

Вход в учетную запись