Guía del usuario Cancelar

Trabajar con especificaciones 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. 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

Conozca cómo trabajar con especificaciones de diseño en XD.

especificaciones-diseño

Trabajar con especificaciones de diseño es un cambio de juego en los flujos de trabajo de diseñador a desarrollador. Habiéndose creado para ahorrar tiempo y simplificar la comunicación entre diseñadores y desarrolladores, su velocidad superior y su rendimiento convierten a XD en un seguro ganador.

Acceder a las especificaciones de diseño es ahora tan fácil como hacer clic en una sencilla dirección URL. Y eso ni siquiera es lo mejor de todo; dispondrá de control total, con la posibilidad de elegir el formato de archivo y la resolución que necesite para su código. También puede ver el flujo de trabajo de la experiencia de usuario, para obtener un mayor conocimiento del resultado previsto.

Requisitos previos

  • Los diseñadores comparten las especificaciones de diseño a través de vínculos públicos, vínculos protegidos por contraseña o vínculos privados. 
  • Los desarrolladores necesitan lo siguiente para poder acceder a los vínculos compartidos:
    • Un navegador de escritorio y una conexión de Internet, para ver los comentarios compartidos y responder a ellos. Para obtener información, consulte Requisitos del sistema.
    • Un Adobe ID o Enterprise ID y permisos para acceder a invitaciones privadas.
    • Contraseña compartida para abrir el vínculo, si este está protegido por contraseña.
Nota:

Asegúrese de ver las especificaciones de diseño en navegadores de escritorio. No se recomienda el uso de navegadores móviles para ver las especificaciones de diseño. 

Flujos de trabajo de especificaciones de diseño

  • Publicar y compartir: la función Especificaciones de diseño permite a los diseñadores compartir propiedades de diseño de sus archivos con los desarrolladores. Los diseñadores pueden proporcionar información clave a los desarrolladores, como la altura de los objetos, la anchura, el tamaño, la alineación, el espaciado relativo entre dos iconos (objetos), los colores, la tipografía, propiedades del modo de fusión, interacciones de desencadenantes y los fragmentos de código CSS que puede copiar y pegar directamente en el código. El vínculo de especificaciones de diseño está hecho a medida para los desarrolladores, de manera que los diseñadores no tienen que señalar específicamente las funciones incluidas que son de interés para los desarrolladores.
  • Revisar: los desarrolladores pueden revisar el diseño y compartir comentarios con los diseñadores. El vínculo está siempre actualizado con los últimos comentarios.
  • Proteger por contraseña: los diseñadores pueden restringir el acceso a las especificaciones de diseño públicas agregando protección por contraseña. También pueden proteger por contraseña las especificaciones de diseño ya compartidas.
  • Vínculos privados: los diseñadores pueden elegir publicar las especificaciones de diseño como vínculo privado e invitar a las mismas a los desarrolladores, para que no se produzcan accesos no autorizados.
  • Descargar activos: los diseñadores pueden elegir incluir activos al publicar las especificaciones de diseño y los desarrolladores pueden descargarlos desde el vínculo compartido.
Logotipo de Adobe

Inicia sesión en tu cuenta