Guía del usuario Cancelar

Exportar activos de diseño

  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. Gestión de color
    5. Requisitos del sistema
      1. Requisitos de hardware y software
      2. Adobe XD, Big Sur y Apple Silicon | macOS 11
    6. Conceptos básicos del espacio de trabajo
    7. Cambiar el idioma de la aplicación en Adobe XD
    8. Acceder a kits de diseño de interfaz de usuario
    9. Accesibilidad en Adobe XD
    10. Métodos abreviados de teclado
    11. Consejos y trucos
  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
    14. Hacer copias de seguridad de recursos de XD o transferirlos
  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

Conozca cómo exportar activos listos para la producción de Adobe XD a los formatos de archivo PNG, SVG, JPG y PDF.

Puede exportar activos, como imágenes de mapa de bits, iconos y patrones de fondo, texto y mesas de trabajo como XD a PNG, SVG, JPG y PDF. Estos activos exportados se han optimizado para su implementación en iOS, Android o las aplicaciones web.

Si utiliza XD en macOS, también puede incorporar sus diseños a integraciones de terceros, como Zeplin, Avocode, Sympli, Kite Compositor y Protopie.

Seleccionar activos y mesas de trabajo para exportar

macOS

Seleccione un objeto o una mesa de trabajo, vaya a Archivo > Exportar o pulse Cmd + E.    

Windows

Seleccione un objeto o una mesa de trabajo y vaya a Archivo > Exportar.  

  • Lote: puede exportar por lotes los activos marcados con la opción Marcar para exportación en el Inspector de propiedades. Para exportar varios objetos en forma de un único activo, debe agrupar los objetos antes de exportarlos.
  • Seleccionados: puede seleccionar y exportar activos específicos.
  • Todas las mesas de trabajo: puede seleccionar todas las mesas de trabajo para exportar en un proyecto de diseño.
  • After Effects: puede seleccionar el activo para exportarlo a After Effects.

Marcar capas para exportación

Las capas marcadas para exportación se incluyen como activos en las especificaciones de diseño. Para marcar activos para exportación, seleccione cualquier capa en el lienzo y use cualquiera de las siguientes opciones: 

  • Haga clic con el botón derecho en la capa del lienzo y elija Marcar para exportación en el desplegable. 
  • Abra el panel de capas y haga clic en la marca del icono de exportación  situado al lado del nombre de la capa. 

Exportar activos a diferentes formatos de archivo

Los activos son archivos de diseño que necesitan los desarrolladores para recrear en un sitio web lo que usted ha diseñado, utilizando para ello HTML/CSS/JS o lenguajes nativos como Swift o Java en aplicaciones iOS y Android.

En general, los activos más comunes son las imágenes de mapa de bits, los iconos y los patrones de fondo que puede exportar en estos formatos: PNGSVGPDFJPG.

Con XD 57 y versiones posteriores, puede exportar activos JPG, PNG y PDF con representaciones de color uniformes. Para lograrlo, cambie el perfil de color del documento a sRGB. Si intenta exportar un activo desde un documento que tiene un perfil de color no gestionado, recibe un mensaje que le informa sobre una posible discrepancia de color en el activo exportado. Para obtener más información, consulte Gestión de color.

Exportar como PNG

Elija un tamaño de exportación común o específico de una plataforma, o establezca un tamaño de exportación personalizado:

  • Tamaño de exportación predeterminado o personalizado: elija uno de los tamaños de exportación predeterminados: 0,5x, 1x, 1,5x, 2x, 3x, 4x. También puede ingresar tamaños de exportación personalizados desde 0.1x hasta 10x.
  • Web: los activos se exportan en resoluciones 1x y 2x.
  • iOS: los activos se exportan en resoluciones 1x, 2x y 3x.
  • Android: los activos de diseño se optimizan y exportan para las siguientes densidades de pantalla de Android:
    • ldpi - Baja densidad (75 %)
    • mdpi - Densidad media (100 %)
    • hdpi - Alta densidad (150 %)
    • xhdpi - Extra alta densidad (200 %)
    • xxhdpi - Extra extra alta densidad (300 %)
    • xxxhdpi - Extra extra extra alta densidad (400 %)

Exportar como SVG

Cuando exporta objetos o mesas de trabajo como SVG, puede establecer las siguientes opciones:

Estilos visuales:

  • Atributos de presentación: utiliza atributos XML separados para cada propiedad de estilo individual en cada etiqueta SVG. Este formato es necesario para usar activos de SVG con Android Studio.
  • CSS interno: utiliza una sola etiqueta de estilo con clases de CSS y comparte la configuración de estilo entre objetos con los mismos estilos, por lo que los archivos generados son de menor tamaño.

Imágenes incrustadas o vinculadas:

  • Incrustar: la imagen de mapa de bits está codificada en el archivo SVG.
  • Vincular: la imagen de mapa de bits se almacena por separado, con una referencia al archivo SVG.

Exportar como PDF

Puede exportar activos como PDF de las formas siguientes:

  • Archivo PDF único: puede seleccionar varios activos o mesas de trabajo y exportarlos como un único archivo PDF. 
  • Múltiples archivos PDF: puede seleccionar varios activos o mesas de trabajo y exportarlos como archivos PDF individuales. Se crean archivos PDF diferentes para cada uno de los activos o mesas de trabajo seleccionados.

Exportar como JPG

Cuando exporta activos como JPG, puede establecer las siguientes opciones:

Calidad: elija 20 %, 40 %, 60%, 80 % o 100 %.

Tamaño de exportación:

  • Tamaño de exportación predeterminado o personalizado: elija uno de los tamaños de exportación predeterminados: 0,5x, 1x, 1,5x, 2x, 3x, 4x. También puede ingresar tamaños de exportación personalizados desde 0.1x hasta 10x.
  • Web: los activos se exportan en resoluciones 1x y 2x.

Los JPG no se convierten a PDF. Las imágenes rasterizadas se importan como imágenes y, por lo tanto, parecen convertirse en archivos PDF.

Exportar activos a aplicaciones de terceros

También puede llevar sus diseños desde XD a otras aplicaciones como Zeplin, Avocode, Sympli, Kite Compositor y Protopie

Veamos un ejemplo de flujo de trabajo de XD en macOS con Zeplin:

  1. Seleccione una mesa de trabajo o capa en su archivo XD y haga clic en Archivo > Exportar > Zeplin.

    Si tiene varias aplicaciones integradas con XD, el método abreviado de teclado (⌥⌘E) permite ejecutar la última integración que haya utilizado.

    Exportación de activos a Zeplin
    Exportación de activos a Zeplin

  2. Haga clic en Importar. Para reemplazar las pantallas existentes en Zeplin con el mismo nombre, seleccione Reemplazar pantallas con el mismo nombre. Zeplin la agrega como una nueva versión de esa misma pantalla, sin perder sus notas.

    Si tiene problemas al trabajar con Zeplin en XD, consulte No se puede ver la aplicación de terceros compatible en las opciones de Exportación para soluciones.

Solución de problemas

¿Tiene problemas con la exportación de activos? Para solucionar problemas relacionados con la exportación, consulte ¿Por qué no puedo importar o exportar archivos en Adobe XD?

¿Tiene alguna pregunta o idea?

Pregunte a la comunidad

¿Desea que su herramienta de diseño favorita tenga flujos de trabajo de exportación adicionales? Vote o añada su solicitud en XD UserVoice
.

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

 Adobe

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?

Adobe MAX 2024

Adobe MAX

The Creativity Conference

Del 14 al 16 de octubre en Miami Beach y en línea

Adobe MAX 2024

Adobe MAX

The Creativity Conference

Del 14 al 16 de octubre en Miami Beach y en línea