Guía del usuario Cancelar

Trabajar con especificaciones de diseño

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

especificaciones-diseño

Trabajar con especificaciones de diseño en XD 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.

Recursos relacionados

Póngase en contacto con nosotros

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 conocer sus comentarios y ver sus creaciones.

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

¿Nuevo usuario?