Guía del usuario Cancelar

Revisar 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

Revisión de prototipos compartidos por diseñadores.

Flujo de trabajo de revisión

Adobe XD propicia una fácil colaboración entre los diseñadores y los revisores de prototipos compartidos.

Cuando los diseñadores concluyen el proceso de diseño, pueden crear un vínculo web privado o público al prototipo y enviarlo al revisor. El revisor anota sus comentarios en el prototipo. 

El diseñador puede ver los comentarios, realizar cambios y, si es necesario, enviar el prototipo o vínculo web al revisor, para echar un segundo vistazo. 

Para obtener más información sobre el flujo de trabajo, consulte Flujo de trabajo de revisor.

Flujo de trabajo de diseñador-revisor
Flujo de trabajo de diseñador-revisor

Flujo de trabajo de revisor

Puede hacer comentarios sobre diseños y prototipos sin iniciar sesión en primera instancia. 

Si el prototipo está protegido por contraseña, introduzca la contraseña para poder verlo.

Introducción de una contraseña para ver un prototipo protegido por contraseña
Introducción de una contraseña para ver un prototipo protegido por contraseña

 Si se introduce la contraseña varias veces en un espacio corto de tiempo, se considerará una acción sospechosa y se activará el servicio reCAPTCHA.

Después de iniciar sesión, haga clic en el icono Ver comentarios para abrir el panel de comentarios.

  1. Para iniciar sesión con un Adobe ID, haga clic en Iniciar sesión y facilite sus credenciales de Adobe.

    Para iniciar sesión como invitado, haga clic en Iniciar sesión como invitado en la parte superior del panel de comentarios. Cuando se le solicite facilitar un nombre, escriba un nombre e introduzca el código CAPTCHA.

  2. Utilice las siguientes herramientas para conseguir la mejor experiencia de visualización:

    • Sugerencias sobre puntos importantes: las sugerencias sobre puntos importantes están disponibles para cualquiera que esté viendo un prototipo compartido. Estas sugerencias indican los elementos que son interactivos, en los que los revisores deben hacer clic. Las sugerencias aparecen al hacer clic en un espacio de la mesa de trabajo donde no haya ningún elemento interactivo.
      Nota: estas sugerencias no aparecen si el diseñador las ha desactivado al compartir el prototipo.
    • Modo de pantalla completa: vea prototipos en pantalla completa en el navegador y en el modo Vista previa. Haga clic en el icono Pantalla completa de la esquina superior derecha de la pantalla mientras ve el prototipo compartido. A continuación, el prototipo se expande hasta llenar toda la pantalla, lo que permite ver claramente todos los detalles de diseño. Para salir del modo de pantalla completa, presione Esc.
    Arrastrar una chincheta a una parte específica del lienzo y escribir un comentario
    Arrastrar una chincheta a una parte específica del lienzo y escribir un comentario

  3. Escriba comentarios en la parte superior del panel de comentarios. Para agregar una nueva línea al comentario, presione Mayús + Intro.

    También puede cambiar de un comentario normal a un comentario fijado. Los correos electrónicos de notificación de comentario facilitan un vínculo directo a la mesa de trabajo donde se realiza un comentario, y no solo a la mesa de inicio.

    XD asigna un número a cada comentario fijado. Los comentarios del panel de comentarios también muestran estos números, lo que permite a los diseñadores identificar fácilmente el contexto del comentario.

    Si escribe un comentario en el campo de edición y agrega una chincheta, y luego navega a otra mesa de trabajo, el campo de comentario quedará vacío para el resto de las mesas de trabajo. Al regresar a la mesa de trabajo original, el comentario y la chincheta se conservarán. También puede usar Cancelar para cancelar un comentario agregado en el campo de comentarios.

     Para mover una chincheta después de colocarla, arrástrela a otro lugar del lienzo. Solo puede mover las chinchetas que haya colocado.

    Considerar no resuelto un comentario
    Considerar no resuelto un comentario

    El autor puede ver los comentarios y marcarlos como resueltos cuando haya terminado. Puede revisar sus comentarios resueltos haciendo clic en el icono Filtrar y seleccionando Resueltos.  Si cree que su comentario se ha marcado equivocadamente como resuelto, puede hacer clic en Mover a Sin resolver para mantener abierto el comentario.

    El autor y los revisores pueden responder a los comentarios agregados por otros revisores. Al responder a comentarios de revisores, el revisor en cuestión recibirá una notificación por correo electrónico y a través de la aplicación de escritorio de Creative Cloud. Al hacer clic en la notificación, se les redirigirá a la mesa de trabajo indicada.

    El autor puede eliminar comentarios de los revisores, o respuestas a los comentarios. El autor puede usar también la mención por @ para ver los usuarios invitados a acceder a un diseño con invitación privada. En el caso de prototipos y especificaciones de diseño públicos, solo los usuarios que hayan comentado al menos una vez aparecerán en la lista de revisores. Al utilizar la mención por @, el revisor recibirá una notificación por correo y a través de la aplicación de escritorio de Creative Cloud. Al hacer clic en la notificación, se redirigirá al revisor a la mesa de trabajo indicada.

    El cuadro de diálogo de sugerencias de mención por @ ofrece las siguientes opciones:

    • Vínculo público: enumera los revisores que hayan comentado al menos una vez en el prototipo o las especificaciones de diseño.
    • Vínculo privado: enumera los interesados a quienes se ha invitado al vínculo de prototipo o especificaciones de diseño.

Ver todos los comentarios en múltiples mesas de trabajo

La función de ver todos los comentarios de la pantalla en Adobe XD hace que sea mucho más fácil administrar los comentarios de los interesados en los prototipos y las especificaciones de diseño. Ya puede ver todos los comentarios en una sola lista y hacer clic en comentarios individuales para ir directamente a la mesa de trabajo afectada y responder al comentario, resolverlo o eliminarlo.

Active el botón deslizante Todos los comentarios de la pantalla en la esquina inferior izquierda del panel de comentarios para que aparezcan los comentarios añadidos en varias mesas de trabajo en una única vista. El botón deslizante está activado de forma predeterminada en los vínculos de especificaciones de diseño o prototipos publicados.

Ver los comentarios en varias mesas de trabajo
Ver los comentarios en varias mesas de trabajo

A. Ver comentarios B. Botón deslizante Todos los comentarios en pantalla C. Filtrar comentarios 

Los comentarios se muestran para cada mesa de trabajo por separado, junto con el nombre de la mesa de trabajo. Todas las mesas de trabajo donde se hayan agregado comentarios se muestran en esta vista de Todos los comentarios de la pantalla. El resaltado azul a la izquierda indica que son comentarios para la mesa de trabajo actual. Al hacer clic en un conjunto de comentarios que no sea para la mesa de trabajo actual, se le llevará a esa mesa de trabajo para establecer primero el contexto. Luego puede responder a comentarios individuales de ese conjunto, resolverlos o eliminarlos.

El número 3 en la parte superior del icono de notificación de la esquina superior derecha del panel de comentarios señala los comentarios no resueltos en las diversas mesas de trabajo.

Ya puede elegir filtrar algunos de los comentarios según los nombres de los revisores, el tiempo o el estado de los comentarios. Haga clic en el icono de embudo de la esquina inferior derecha del panel de comentarios para filtrar los comentarios.

  • El filtro de revisores muestra los nombres de todos los revisores que hayan agregado comentarios sobre un vínculo de prototipo o especificaciones de diseño. Haga clic en el nombre de un revisor para filtrar los comentarios específicos para ese revisor.
  • Las opciones de filtro de tiempo son Hoy , Ayer, Últimos 7 días o Anteriores.
  • En el filtro Estado, puede utilizar Resueltos para ver solo la lista de todos los comentarios resueltos.

Un punto azul en la parte superior del icono de embudo indica que un filtro está activo. Haga clic en Limpiar para eliminar el filtro de comentarios.

Filtrar comentarios
Filtrar comentarios

A. Filtrar comentarios por revisores B. Filtrar comentarios por tiempo C. Filtrar comentarios por estado D. Borrar filtro aplicado E. Filtro aplicado 

Puede pasar a desactivada la alternancia de Todos los comentarios de la pantalla para ver los comentarios específicos de la mesa de trabajo actual. Para ver comentarios según las mesas de trabajo, puede desactivar Todos los comentarios de la pantalla en cualquier momento haciendo clic en el icono de al lado.

Mover chinchetas

Puede hacer clic en los números de chinchetas de la mesa de trabajo y arrastrarlas a cualquier otra parte apropiada del lienzo.

  • Pase el ratón sobre la chincheta en una mesa de trabajo. 
  • Haga clic en la chincheta cuando aparezca una barra cruzada encima de ella y muévala a la ubicación deseada de la mesa de trabajo.
Mover chinchetas
Mover chinchetas

Responder a comentarios, resolverlos o eliminarlos

Puede abrir el vínculo compartido en el navegador web para resolver, eliminar o responder a los comentarios.

  • Pase el ratón sobre un comentario y haga clic en él para definir el contexto de una mesa de trabajo actual. Haga clic en Responder para responder a un comentario. Un número en la parte superior del vínculo Responder indica el número de respuestas recibidas para un comentario.
  • Después de ocuparse del comentario, haga clic en Resolver para indicar que el comentario ha quedado resuelto. El revisor también puede hacer clic en Resolver para indicar que se ha solucionado lo indicado en un comentario. Como diseñador, puede hacer clic en No resuelto para volver a abrir un comentario.
  • Haga clic en el icono de eliminar para eliminar los comentarios no deseados.
Responder a comentarios, resolverlos o eliminarlos
Responder a comentarios, resolverlos o eliminarlos

A. Responder a un comentario B. Eliminar comentario C. Editar comentario D. Anclar comentario E. Resolver comentario 

¿Cómo se puede trabajar con los prototipos compartidos en privado con uno mismo (Vista previa)?

Los diseñadores y revisores pueden acceder a prototipos y especificaciones de diseño privados en la sección Compartido contigo (Vista previa) de Tu trabajo. Compartido contigo también muestra elementos privados y carpetas compartidas.

Para obtener más información sobre el uso de Tu trabajo como cliente empresarial, consulte Configuración de activos.

Los diseñadores y revisores tienen una experiencia de usuario diferente en la sección Tu trabajo de Creative Cloud, según sus funciones.

Los diseñadores pueden ver las siguientes opciones extra en Tu trabajo:

  • Compartido con usted (Vista previa): muestra los prototipos y las especificaciones de diseño que se han compartido con usted para su revisión.
  • Publicados: muestra una lista de sus vínculos de prototipos y especificaciones de diseño publicados.

Los revisores solo pueden ver las siguientes opciones adicionales en Tu trabajo:

  • Compartido contigo (Vista previa): muestra una experiencia simplificada de los interesados que muestra los prototipos y las especificaciones de diseño compartidas con los interesados para su revisión. También puede hacer clic en los puntos suspensivos, junto al nombre del prototipo compartido, y optar por eliminar el prototipo o las especificaciones de diseño y abandonar el ciclo de revisión.
  • Archivos: muestra una carpeta vacía, a menos que haya recibido archivos del revisor o que haya cargado y administrado sus contenidos en Creative Cloud.

Esta vista ayuda a los revisores a centrarse en su tarea principal de revisar y comentar los elementos compartidos con ellos.

 Esta función solo se aplica a los vínculos privados de especificaciones de diseño y prototipos compartidos con los revisores.

Sección Compartido contigo
Sección Compartido contigo

Flujo de trabajo de diseñador

  1. Después de crear un vínculo privado, seleccione el icono Abrir en el navegador en la pestaña Invitar para iniciar sesión automáticamente en la vista web del contenido.

  2. Haga clic en Tu trabajo, en la esquina superior izquierda de la pantalla, para mostrar automáticamente la vista Publicados en Tu trabajo, que muestra sus prototipos y especificaciones de diseño.

    Vista de diseñador
    Vista de diseñador

  3. Presione el botón de retroceso del navegador para ir a la vista web del prototipo.

Flujo de trabajo de revisor

  1. Haga clic en el vínculo recibido en el correo del flujo de trabajo de revisión para acceder al prototipo para comentarlo (si ha iniciado sesión con su Adobe ID).

     Aunque no es necesario un Adobe ID de pago para acceder al prototipo, asegúrese de haber iniciado sesión en su cuenta de Adobe con la misma dirección de correo electrónico del correo del flujo de trabajo de revisión.

  2. Haga clic en Elementos compartidos en la vista web del prototipo o las especificaciones de diseño para dirigirse a la sección Tu trabajo de Creative Cloud. Si su cuenta de Creative Cloud está asignada a la dirección de correo electrónico o si ya ha iniciado sesión en su cuenta de Creative Cloud, se le dirigirá automáticamente a Tu trabajo.

  3. La vista de revisor de Tu trabajo muestra las opciones Compartido contigo (Vista previa) y Archivos. También puede hacer clic en los puntos suspensivos, junto al nombre del prototipo compartido, y optar por eliminar el prototipo o las especificaciones de diseño y abandonar el ciclo de revisión.

Más información

Para obtener más información sobre cómo revisar prototipos en XD, vea este vídeo.
Duración: 3 minutos

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

¿Nuevo usuario?