Guía del usuario Cancelar

Compartir diseños y prototipos

  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

Aprenda a compartir diseños y prototipos con responsables de departamento, desarrolladores u otros colegas diseñadores.

El modo Compartir de XD reúne diferentes funcionalidades para compartir en un espacio centralizado y facilita el uso compartido de los diseños y la colaboración con interesados, responsables de departamento y diseñadores.

Puede utilizar los ajustes preestablecidos, como Revisión de diseño, Desarrollo, Presentación, Pruebas de usuarios y Personalizado para compartir sus documentos y administrar los vínculos compartidos.

Compartir

Siga leyendo para conocer cómo preparar sus diseños para uso compartido y trabajar con los ajustes preestablecidos para crear, modificar, compartir y administrar vínculos compartibles con facilidad.

Prepararse para compartir los diseños

Puede organizar sus diseños y agregar controles adecuados para compartirlos con los interesados. Muchas veces, querrá crear diferentes versiones de un diseño y compartirlas con diferentes grupos de partes interesadas. En estas situaciones, usar varios flujos le permite crear y compartir diferentes versiones de un diseño en el mismo documento, todo en un solo lugar. 

Es más común usar varios flujos cuando se diseñan interfaces que contienen diferentes flujos de trabajo, como pantallas de inicio de sesión, pantallas de registro, listas de reproducción y demás.

Por ejemplo: al diseñar páginas de destino, publicaciones en redes sociales, correos electrónicos y anuncios en XD, puede crear y compartir diferentes versiones de su diseño en el mismo documento y en un solo lugar.

Siga leyendo para aprender a definir varios flujos en su documento de diseño para gestionar y crear mejor enlaces compartibles para ellos.

Compartir varios flujos

Una vez que sus flujos estén definidos y conectados entre sí en el documento de diseño, continúe y compártalos utilizando enlaces para compartir en varias superficies de destino.

Siga estos pasos para compartir múltiples flujos con sus partes interesadas:

  1. Cambiar a modo Compartir.
  2. Todos los flujos definidos en el documento aparecerían en el modo Compartir
  3. Seleccione cualquiera de los flujos definidos en el modo Compartir y determine los ajustes de acceso obligatorios antes de publicarlos como enlaces compartibles.
  4. Visualice los diferentes flujos que ha creado en el lienzo. Cuando selecciona un flujo, XD resalta automáticamente todas las mesas de trabajo en ese flujo.
  5. Haga clic en Crear vínculo para generar un enlace compartible de su flujo. Para un flujo seleccionado dado, el modo Compartir muestra automáticamente los detalles del último enlace publicado, como la fecha y hora de la última modificación. 

Para los flujos que se publican, aparece el icono  en el lienzo de diseño. Esto le ayuda a identificar visualmente el último enlace publicado y pegar rápidamente el enlace asociado en su portapapeles.

Preparar los diseños

A. Mesa de trabajo de inicio para el flujo iOS (iPhone) B. Icono para copiar flujos publicados C. Mesas de trabajo no relacionadas en iPhone D. Nombre de flujo para iPad 

Con XD 57, Adobe ha mejorado la funcionalidad de Gestión de color en XD, lo que le permite proporcionar una reproducció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.

Trabajar con ajustes preestablecidos

XD ofrece ajustes preestablecidos basados en escenarios para crear vínculos compartibles para sus diseños con facilidad. Por ejemplo, al crear un vínculo de diseño para su revisión, todo lo que hay que hacer es seleccionar el ajuste preestablecido disponible según sus necesidades, establecer el permiso de acceso al vínculo y compartirlo con los responsables del departamento. No tendrá que preocuparse por configurar las opciones de comentarios ni los controles de navegación. 

Siga leyendo para conocer cómo puede definir el permiso de acceso a vínculos, actualizar y administrar vínculos de revisión de diseños o prototipos utilizando estos ajustes preestablecidos integrados.

Revisión de diseño Desarrollo Presentación Pruebas de usuarios Personalizado
Obtener comentarios sobre diseños o prototipos Compartir las especificaciones de diseño con desarrolladores Optimizar para presentar el diseño a los interesados Invitar a los usuarios a probar el diseño Personalizar la experiencia de visionado del diseño
 Configuración predeterminada para ajustes preestablecidos
  • Comentario
  • Sugerencias sobre puntos importantes
  • Controles de
    navegación
  • Comentario
  • Sugerencias sobre puntos importantes
  • Controles de
    navegación
  • Especificaciones de diseño
  • Sugerencias sobre puntos importantes
  • Controles de
    navegación
  • Pantalla completa

  • Pantalla completa
  • Comentario
  • Sugerencias sobre puntos importantes
  • Controles de
    navegación
  • Pantalla completa
  • Especificaciones de diseño

Alternativamente, una vez que sus mesas de trabajo estén configuradas y conectadas, puede optar por:

  • Compartir una única mesa de trabajo: seleccione la mesa de trabajo en el modo Prototipo y configúrela como mesa de trabajo principal. Asegúrese de eliminar cualquier otra interacción con otras mesas de trabajo.
  • Compartir todas las mesas de trabajo: seleccione las mesas de trabajo en el modo Prototipo. Asegúrese de que todas las mesas de trabajo estén conectadas a la mesa de trabajo de inicio antes de compartir.

Una vez definidas las mesas de trabajo y los flujos de interacciones en el modo Prototipo, el prototipo o la especificación del diseño están listos para compartirse. El título del proyecto de diseño aparece en el panel Título. Puede modificar el título según sus necesidades de diseño.

En la lista desplegable Ver ajuste, seleccione cualquiera de los ajustes preestablecidos y establezca los permisos de acceso a vínculos para compartir las especificaciones de diseño o prototipos. Haga clic en Crear vínculo. La dirección URL aparece en el panel Configuración de vínculo.

Puede establecer permisos de acceso a vínculos para especificaciones y prototipos de diseño compartibles con la ayuda de vínculos públicos, privados o contraseña.

Al compartir un prototipo o una especificación de diseño, puede optar por publicar un vínculo público o un vínculo privado seguro y seguir cambiando su configuración de acceso de forma intercambiable en cualquier momento. 

Establecer permiso de acceso a vínculo
Establecer permisos de acceso a vínculos

Cuando se cambia la configuración de acceso al vínculo de público a privado o de privado a público:

  • La dirección URL del vínculo permanece igual.
  • Se conservan los invitados agregados al vínculo.

Después de publicar los vínculos de contraseña, no se puede cambiar la configuración de acceso al vínculo. Si desea cambiar la configuración de acceso, debe crear un nuevo vínculo.

No, no necesita crear un nuevo vínculo para un documento de XD. A medida que vaya cambiando su diseño o su ajuste preestablecido, puede actualizar un vínculo existente que haya compartido para su revisión.

Ejemplo 1: si ha creado varios flujos en los prototipos y los ha compartido para su revisión, todos los vínculos creados aparecen en el selector de direcciones URL. Ahora puede elegir cualquier vínculo para actualizarlo haciendo clic en Actualizar vínculo.

actualizar vínculo

Ejemplo 2: si ha creado un vínculo de prototipo, lo ha compartido para recibir comentarios y ahora desea compartir el prototipo con su desarrollador, vaya hasta Ver opción, cambie a Desarrollo y haga clic en Actualizar vínculo

Cambiar ajuste preestablecido

Una vez que actualiza el vínculo, la misma URL se actualiza con la información preestablecida más reciente, al tiempo que conserva los comentarios, cambios y conversaciones anteriores.

Puede administrar los vínculos publicados del documento de XD navegando al sitio web Administrar vínculos desde XD. 

Administrar vínculos

2. Desde el sitio web de Creative Cloud, puede copiar o eliminar un vínculo publicado. 

1. Desde el selector de direcciones URL, elija Administrar vínculos.

Experiencia integral de flujos de trabajo compartidos

Como diseñador, puede compartir los flujos de sus diseños o prototipos utilizando cualquiera de los ejemplos de ajustes preestablecidos disponibles y determinar los permisos para volver a compartirlos de nuevo. Los revisores pueden agregar, eliminar o aceptar solicitudes de otro conjunto de revisores que quieran acceder al vínculo privado seguro o verlo.
Mire esta animación de muestra para aprender a compartir sus diseños para su revisión y ayudar a los revisores a volver a compartir los diseños o prototipos de nuevo.

flujo de trabajo de diseñador

Como revisor, puede acceder a la invitación de revisión desde el correo electrónico y comentar los diseños o prototipos compartidos.

Vea este vídeo animado para saber cómo acceder a la invitación para revisar y comentar el diseño compartido.

Revisor

Más información

Para obtener más información sobre los prototipos en XD, vea este vídeo.
Duración: 5 minutos

¿Qué viene después?

Le hemos iniciado en el uso compartido de sus diseños y prototipos con los interesados. Dé un paso adelante y aprenda a comentar sus prototipos y especificaciones de diseño.

¿Tiene alguna pregunta o idea?

1

¿Tiene problemas para compartir sus diseños o prototipos? Eche un vistazo a este artículo para obtener una solución. 

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.

 Adobe

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

¿Nuevo usuario?