Guía del usuario Cancelar

Usar activos de Illustrator en Adobe XD

  1. Guía del usuario de Adobe XD
  2. Introducción
    1. Novedades de Adobe XD
    2. Preguntas habituales
    3. Diseñar, crear prototipos y compartir con Adobe XD
    4. Requisitos del sistema
      1. Requisitos de hardware y software
      2. Adobe XD, Big Sur y Apple Silicon | macOS 11
    5. Conceptos básicos del espacio de trabajo
    6. Cambiar el idioma de la aplicación en Adobe XD
    7. Acceder a kits de diseño de interfaz de usuario
    8. Accesibilidad en Adobe XD
    9. Métodos abreviados de teclado
    10. Consejos y trucos
    11. Opciones de suscripción de Adobe XD
    12. Cambios en el plan de inicio de XD
  3. Diseño
    1. Mesas de trabajo, guías y capas
      1. Empezar a usar mesas de trabajo
      2. Usar guías y cuadrículas
      3. Crear mesas de trabajo con desplazamiento
      4. Trabajar con capas
      5. Crear grupos de desplazamiento
    2. Formas, objetos y trazados
      1. Seleccionar, redimensionar y rotar objetos
      2. Mover, alinear, distribuir y organizar objetos
      3. Agrupar, bloquear, duplicar, copiar y voltear objetos
      4. Establecer el trazo, el relleno y las sombras paralelas de objetos
      5. Crear elementos repetidos
      6. Crear diseños en perspectiva con transformaciones 3D
      7. Editar objetos utilizando operaciones booleanas
    3. Texto y fuentes
      1. Trabajar con herramientas de dibujo y texto
      2. Fuentes en Adobe XD
    4. Componentes y estados
      1. Trabajar con componentes
      2. Trabajar con componentes anidados
      3. Añadir varios estados a componentes
    5. Máscaras y efectos
      1. Crear una máscara con formas
      2. Usar efectos de desenfoque
      3. Crear y modificar degradados
      4. Aplicar efectos de mezclas
    6. Maquetación
      1. Redimensionado interactivo y restricciones
      2. Establecer relleno fijo para componentes y grupos
      3. Crear diseños dinámicos con pilas
    7. Vídeos y animaciones de Lottie
      1. Cómo usar los vídeos
      2. Crear prototipos mediante vídeos
      3. Usar animaciones de Lottie
  4. Prototipo
    1. Crear prototipos interactivos
    2. Animar prototipos
    3. Propiedades de objetos compatibles con la animación automática
    4. Crear prototipos con teclado y mando de juego
    5. Crear prototipos utilizando comandos de voz y reproducción
    6. Crear transiciones temporizadas
    7. Añadir superposiciones
    8. Diseñar prototipos de voz
    9. Crear vínculos de anclaje
    10. Crear hipervínculos
    11. Previsualizar diseños y prototipos
  5. Compartir, exportar y revisar
    1. Compartir mesas de trabajo seleccionadas
    2. Compartir diseños y prototipos
    3. Establecer permisos de acceso de vínculos
    4. Usar prototipos
    5. Revisar prototipos
    6. Trabajar con especificaciones de diseño
    7. Compartir especificaciones de diseño
    8. Inspeccionar especificaciones de diseño
    9. Controles de las especificaciones de diseño
    10. Revisar y comentar especificaciones de diseño
    11. Exportar activos de diseño
    12. Exportar y descargar activos de especificaciones de diseño
    13. Grupos compartidos para empresas
  6. Sistemas de diseño
    1. Sistemas de diseño con Bibliotecas Creative Cloud
    2. Trabajar con activos de documentos en Adobe XD
    3. Trabajar con Bibliotecas Creative Cloud en Adobe XD
    4. Migrar activos vinculados a Bibliotecas Creative Cloud
    5. Trabajar con tokens de diseño 
    6. Usar activos de Bibliotecas Creative Cloud
  7. Documentos en la nube
    1. Documentos en la nube en Adobe XD
    2. Colaborar y coeditar diseños
    3. Coeditar documentos que compartan con usted
  8. Integraciones y complementos
    1. Trabajar con activos externos
    2. Trabajar con activos de diseño de Photoshop
    3. Copiar y pegar activos desde Photoshop
    4. Importar o abrir diseños de Photoshop
    5. Usar activos de Illustrator en Adobe XD
    6. Abrir o importar diseños de Illustrator
    7. Copiar vectores de Illustrator en XD
    8. Complementos para Adobe XD
    9. Crear y administrar complementos
    10. Integración de Jira para XD
    11. Complemento Slack para XD
    12. Complemento Zoom para XD
    13. Publicar diseño de XD en Behance
  9. XD para iOS y Android
    1. Vista previa en dispositivos móviles
    2. Preguntas frecuentes de Adobe XD para dispositivos móviles
  10. Solución de problemas
    1. Problemas conocidos y resueltos
      1. Problemas conocidos
      2. Problemas resueltos
    2. Instalación y actualizaciones
      1. XD aparece como incompatible en Windows
      2. Código de error 191
      3. Código de error 183
      4. Problemas al instalar complementos de XD
      5.  Solicitud para desinstalar y volver a instalar XD en Windows 10
      6. Problemas con la migración de preferencias
    3. Inicio y cierre inesperado
      1.  XD se cierra al iniciar la aplicación en Windows 10
      2.  XD se cierra al cerrar sesión en Creative Cloud
      3. Problema con el estado de suscripción en Windows
      4. Aviso de aplicación bloqueada al iniciar XD en Windows
      5. Generación de volcados de fallos en Windows
      6. Recopilación y uso compartido de registros de errores
    4. Documentos en la nube y bibliotecas Creative Cloud
      1. Problemas con documentos en la nube de XD
      2. Problemas con componentes vinculados
      3. Problemas con bibliotecas y enlaces
    5. Crear prototipos, publicar y revisar
      1. No se pueden grabar interacciones de prototipos en macOS Catalina
      2. Problemas con flujos de trabajo de publicación
      3. Los vínculos publicados no aparecen en los navegadores
      4. Los prototipos no se renderizan correctamente en los navegadores.
      5. El panel de comentarios aparece repentinamente en los vínculos compartidos
      6. No es posible publicar bibliotecas
    6. Importar, exportar y usar otras aplicaciones
      1. Importar y exportar en XD
      2. Archivos de Photoshop en XD
      3. Archivos de Illustrator en XD
      4. Exportar a After Effects desde XD
      5. Archivos de Sketch en XD
      6. Aplicaciones de terceros que no aparecen en Exportar

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 empezar, 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.


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

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

Pregunte a la comunidad

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.

Logotipo de Adobe

Inicia sesión en tu cuenta