Última actualización el
6 jun 2023
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.
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, para obtener más información sobre ellas, consulte Funciones compatibles de Illustrator.
|
|
Las siguientes son algunas de las limitaciones adicionales al trabajar con archivos de Illustrator en XD:
|
.png){kind=icon}
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.
|
|
|
|
|
|
Copiar vectores o SVG de Illustrator |
|
Con XD 57, Adobe ha mejorado la funcionalidad de gestión de color en XD.Se obtienen colores uniformes cuando se copia un activo con un perfil de color sRGB de Illustrator a un documento XD con 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.
|
|
Si trabaja con Illustrator, puede crear mesas de trabajo de XD si abre 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ón, Estados, Animación automática y Creació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 sus diseños y prototipos y obtener comentarios de las partes interesadas. |
|---|
¿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 quieren incorporar logotipos, iconos o cualquier otro elemento para usar en sus proyectos de interfaz de usuario o UX" — Howard Pinsky, evangelista sénior 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 soluciono los problemas de espaciado distorsionado entre elementos cuando aumento el tamaño de mis SVG?
La distorsión se produce cuando XD interpreta los objetos importados o pegados relacionados con SVG como objetos independientes. Para evitar distorsión, asegúrese de que la opción Redimensionado interactivo en el Inspector de Propiedades esté establecida en DESACTIVADO.
¿Por qué mis iconos de diseño exportados de Illustrator a SVG parecen 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.
Si tiene alguna pregunta que hacer o una idea que compartir, venga y participe en la Comunidad de Adobe XD. Nos gustaría que nos dejara sus comentarios y ver sus creaciones.
Diseñar prototipos de experiencia de usuario con Adobe XD
Crea bocetos interactivos para sitios web y aplicaciones móviles.
