Usar activos de Illustrator en Adobe XD

La compatibilidad entre Adobe XD e Illustrator permite integrar ilustraciones vectoriales con la máxima fidelidad, como logotipos, iconos o cualquier otro elemento que pueda utilizar, en sus diseños de XD. La ilustración importada se puede seguir editando en XD, lo que reduce el tiempo invertido en crear prototipos.

Siga leyendo para conocer las numerosas formas en las que puede pasar activos de Illustrator a XD, así como las prácticas recomendadas y las limitaciones relativas a estos flujos de trabajo.

Aunque Illustrator y XD presentan un conjunto de propiedades complementarias que permiten conservar las capas y los efectos, todavía hay algunas funcionalidades que no tienen una correspondencia exacta. Antes de empezar, siga leyendo para obtener más información sobre las Funciones compatibles de Illustrator.

Estamos realizando mejoras en los flujos de trabajo relacionados con la interoperabilidad para garantizar que pueda trabajar de forma fluida al usar XD e Illustrator. Mientras tanto, si tiene cualquier sugerencia o comentario, compártalos en UserVoice.

Formas de incorporar activos de Illustrator en XD

Cuando ya ha terminado con su diseño en Illustrator, existen varias formas de pasarlo a XD.  

Con XD 57 y versiones posteriores, obtiene colores uniformes cuando copia un activo con un perfil de color sRGB de Illustrator en un documento XD que tiene un perfil de color sRGB. Si el documento XD tiene un perfil de color Sin gestionar, recibe un mensaje que le pide que cambie el perfil de color a sRGB.

Mesas de trabajo importadas de prototipos

Tras importar sus diseños de Illustrator en XD, hay que saber cómo podemos usarlos para crear un prototipo.

¿Quiere mejorar sus diseños de XD? Aplique funciones propias de XD, como Cuadrículas de repetición, Estados, Animación automática y Creación de prototipos por voz.

Compartir y colaborar con XD

¿Está su prototipo listo para compartirlo?

¿Le preocupa que la resolución del diseño se vea afectada después de compartirla desde XD? Deje de hacerlo porque eso no va a pasar.

Con XD 57 y versiones posteriores, tiene la capacidad de proporcionar una representación de color uniforme para los responsables de departamento. Para lograrlo, cambie el perfil de color del documento a sRGB. Si intenta compartir mesas de trabajo seleccionadas de un documento que tiene un perfil de color no gestionado, recibe un mensaje que le informa sobre una posible discrepancia de color que podrían notar los responsables de departamento. Para obtener más información, consulte Gestión de color.

Los diseños que se comparten están optimizados y no se pierde fidelidad, se pueden recibir comentarios de las partes implicadas en tiempo real y los desarrolladores pueden descargar los activos compartidos y las especificaciones de diseño para su codificación.

Vídeo: ¿Cómo se importan diseños de Illustrator?

“Al igual que pasa con la función para importar archivos directamente de Photoshop en Adobe XD, también lo puede hacer con archivos de Illustrator. Esto es perfecto para diseñadores que quieran incorporar logotipos, iconos o cualquier otro elemento para utilizarlos en sus proyectos de IU o experiencia de usuario”, Howard Pinsky, promotor experto de XD. 

Para obtener más información sobre cómo trasladar sus diseños de Illustrator a XD, vea este vídeo de 2 minutos.

Preguntas frecuentes

¿Cómo se corrigen los problemas de distorsión de espaciado entre los elementos al aumentar el tamaño de los SVG? 

La distorsión se produce cuando XD interpreta los objetos importados o pegados relacionados con SVG como objetos independientes. Para evitar la distorsión, asegúrese de que la opción Redimensionado interactivo en Inspector de propiedades está en modo DESACTIVADO. 

¿Por qué los iconos de diseño que exporto de Illustrator para pasarlos a SVG se ven distorsionados en XD?

Algunas funciones de Illustrator no son compatibles con XD y se transfieren como vectores o ni siquiera llegan a transferirse. El formato SVG tiene capacidades limitadas en comparación con Illustrator y no se pueden aplicar funciones como el degradado de forma libre. Para obtener más información sobre los elementos de Illustrator que se admiten en XD, consulte Elementos de Illustrator compatibles
.

¿Qué viene después?

Hemos conseguido que empiece a trabajar con activos de diseño de Illustrator. Ahora dé un paso adelante y descubra cómo crear prototipos interactivos y compartirlos con diseñadores o partes implicadas para intercambiar comentarios.

¿Tiene algún comentario que quiera dejarnos? Somos todo oídos.