En Sketch, seleccione uno o más grupos o capas y haga clic en Hacer exportable.
Aprenda a incorporar activos a Adobe XD desde Photoshop, Illustrator, Sketch y exploradores web, así como a exportar activos a After Effects.
Puede incorporar activos a XD desde aplicaciones de Adobe, como Photoshop, Illustrator, aplicaciones de terceros como Sketch y exploradores web. Mejore estos activos en XD o úselos para desarrollar prototipos interactivos. También puede exportar activos de XD a After Effects para mejorarlos aún más.
Puede trabajar con activos externos de varias formas en función de la aplicación:
Si desea convertir archivos de Photoshop e Illustrator en archivos XD, use la opción Abrir. Si desea agregar el contenido de esos archivos a un archivo XD existente, use la opción Importar.
Puede utilizar cualquiera de los siguientes métodos para traer activos de Photoshop a XD:
Copie un archivo .psd en el portapapeles del SO y use la opción Pegar apariencia para pegar la imagen directamente como relleno de imagen.
Para obtener más información, consulte Trabajo con activos de diseño de Photoshop.
Para copiar y pegar un SVG desde Photoshop, haga clic en la forma o la capa vectorial en Photoshop, haga clic en Copiar SVG y péguelo en XD.
Puede abrir archivos de Illustrator en XD, o importarlos.
También puede copiar imágenes vectoriales y de mapa de bits desde Adobe Illustrator y pegarlas en XD, conservando la misma fidelidad y posibilidad de edición que al abrir o importar archivos de Illustrator. Los archivos de Illustrator se colocan en el documento abierto, en lugar de abrirlos como documento separado. Los objetos inteligentes se importan como capas expandidas en lugar de mapas de bits y se conservan las capas de ajuste. Sin embargo, no puede copiar y pegar mesas de trabajo de Illustrator en XD.
También puede copiar un archivo vectorial en el Portapapeles del SO y usar la opción Pegar apariencia para pegar la imagen directamente como relleno de imagen.
También puede traer activos de Adobe Illustrator almacenados en Bibliotecas Creative Cloud a XD, arrastrándolos desde el panel Bibliotecas al lienzo de XD. Para obtener más información, consulte Bibliotecas Creative Cloud en Adobe XD.
Ya se puede copiar contenido vectorial de XD al Portapapeles y pegarlo después como capas completamente editables en Adobe Illustrator.
Para copiar y pegar cualquier contenido de XD a Illustrator:
1. Haga clic con el botón derecho en la capa de formas o vectores en XD y seleccione Copiar en el menú contextual.
2. Desde Adobe Illustrator, seleccione Editar > Pegar para pegar el contenido vectorial.
Puede abrir directamente sus archivos de Illustrator (.ai) en XD y convertirlos en archivos de XD. Después de abrir los archivos, puede editarlos en XD, cablear interacciones y compartirlos como prototipos o especificaciones de diseño.
Para abrir un archivo de Illustrator en XD, haga lo siguiente:
Al abrir un archivo de Illustrator en XD, no todos los elementos se tratan con completa fidelidad. Para obtener una lista de los elementos compatibles y no compatibles, consulte Elementos compatibles al abrir archivos de Illustrator en XD.
Para importar un archivo de Illustrator a XD, seleccione Archivo > Importar. Si el archivo de Illustrator importado tiene mesas de trabajo, dichas mesas se colocan por debajo de las mesas de trabajo de XD. Si falta espacio debajo de las mesas de trabajo de XD, las mesas de trabajo importadas se colocan en los espacios que queden disponibles. Si el archivo importado no tiene mesas de trabajo, sus activos se colocan en el centro del lienzo. Si el archivo importado no tiene mesas de trabajo, sus activos se colocan en el centro del lienzo.
Puede abrir directamente sus archivos de Sketch (.sketch) en XD y convertirlos en archivos de XD. Después de abrir los archivos, puede editarlos en XD, cablear interacciones y compartirlos como prototipos o especificaciones de diseño.
Únicamente puede abrir archivos de Sketch creados con la versión 43 de Sketch o con versiones posteriores. Si tiene un archivo anterior, guarde el archivo con la última versión de Sketch y luego abra el archivo en XD.
Para abrir un archivo de Sketch en XD, realice una de las siguientes acciones:
También puede usar los métodos abreviados de teclado Cmd + O (Mac), o Ctrl + O (Windows).
Al abrir un archivo de Sketch en XD, no todos los elementos se tratan con completa fidelidad. Para obtener una lista de los elementos admitidos y no admitidos, consulte Elementos compatibles al abrir archivos de Sketch en XD.
En Sketch, seleccione uno o más grupos o capas y haga clic en Hacer exportable.
Elija SVG como formato y arrastre la capa desde Sketch a Adobe XD.
El contenido se inserta como contenido de vector editable en XD.
Ahora puede mover su contenido de Sketch a XD y seguir trabajando en sus sistemas de diseño. Los símbolos y elementos de Sketch no solo se convierten en componentes XD, pero también puede usarlos como activos vinculados.
Use estas pautas para trabajar con componentes en XD:
Para obtener más información, consulte Trabajar con componentes en XD.
Mire esta ilustración animada para obtener más información sobre cómo convertir bibliotecas Sketch a sistemas de diseño XD.
Tiempo de visualización: 30 segundos.
Puede arrastrar imágenes directamente desde todos los navegadores web modernos a sus mesas de trabajo. También puede arrastrar las imágenes a un objeto de una mesa de trabajo: al hacerlo, el tamaño de la imagen se ajusta automáticamente al objeto.
También puede copiar una imagen al Portapapeles del SO y usar la opción Pegar apariencia para pegar la imagen directamente como relleno de imagen.
Para importar activos como PNG, JPG, TIFF, GIF o SVG vídeos compatibles y archivos Lottie, realice una de las siguientes acciones:
Desde XD, solo puede exportar a After Effects 2018 y versiones posteriores. Si tiene instalada una versión anterior, la opción Exportar a After Effects queda deshabilitada. Para habilitar esta opción, inicie sesión en la aplicación de escritorio de Creative Cloud y actualice After Effects a la última versión.
Si desea utilizar After Effects para convertir sus diseños de XD en animaciones o microinteracciones personalizadas, haga lo siguiente:
Al exportar un contenido de XD a After Effects, no todos los elementos se tratan con completa fidelidad. Para obtener una lista de los elementos compatibles y no compatibles, consulte Funciones admitidas al exportar archivos de XD a After Effects.
Para obtener más información sobre las limitaciones de importación y exportación, consulte ¿Por qué no puedo importar o exportar archivos en Adobe XD?
Inicia sesión en tu cuenta