Descubra cómo incorporar ilustraciones vectoriales de Illustrator, como iconos y diseños de logotipos, 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.

trabajar con xd e illustrator

Antes de continuar

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 continuar, siga leyendo para obtener más información sobre las Funciones compatibles de Illustrator

.

Las siguientes son algunas de las limitaciones adicionales al trabajar con archivos de Illustrator en XD:
  • No se pueden copiar y pegar mesas de trabajo de Illustrator en XD.
  • Al trabajar con elementos de texto, XD no importa la escala horizontal al rellenar.
  • No se pueden rellenar cuadrículas de repetición con vectores.

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.  



Abrir o importar diseños de Illustrator
Más información
Copiar vectores o SVG de Illustrator
Más información
Usar activos de Bibliotecas CC
Más información

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.


Cuando trabaja con Illustrator, puede crear mesas de trabajo de XD al abrir mesas de trabajo de Illustrator directamente en XD. Las mesas de trabajo de Illustrator se importan tal cual en el formato de mesa de trabajo de XD. 

También puede ir cambiando de una aplicación a otra para hacer pequeños ajustes a los diferentes elementos visuales sobre la marcha.

¿Quiere mejorar sus diseños de XD? Aplique funciones propias de XD, como Cuadrículas de repeticiónEstadosAnimación automáticaCreación de prototipos por voz.

Compartir y colaborar con XD

¿Está su prototipo listo para compartirlo?


Una de las principales ventajas de usar Adobe XD para diseñar y crear prototipos interactivos es la capacidad de compartir los diseños y prototipos y recibir comentarios de las partes involucradas.
Use el modo Compartir en XD para compartir los diseños y prototipos interactivos con las partes implicadas y colaborar con ellos de manera fluida.
Invite al equipo involucrado a colaborar y coeditar de forma simultánea su documento y tener, además, a su disposición el historial de versiones de su proyecto de diseño.

¿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.

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
.

Próximos pasos

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.

community

Si tiene alguna pregunta que hacer o una idea que compartir, venga y participe en la Comunidad de Adobe XD. Nos gustaría tener noticias suyas y ver sus creaciones.