Versiones de agosto de 2018, septiembre de 2018, octubre de 2018, diciembre de 2018, enero de 2019, febrero de 2019, marzo de 2019, abril de 2019, mayo de 2019, junio de 2019 y julio de 2019 de Adobe XD
xd-mnemonic

Adobe XD es una herramienta basada en vectores para el diseño y la creación de prototipos de experiencias de usuarios para aplicaciones móviles y web. Cambie fácilmente entre mallas metálicas, diseño visual, diseño de interacción, creación de prototipos, vista previa y uso compartido, todo en una potente herramienta.

XD está hecho para todo tipo de creadores: diseñadores de UX/UI, diseñadores de interacción, diseñadores de experiencias, diseñadores de productos, diseñadores web, diseñadores de aplicaciones, diseñadores visuales, emprendedores y mucho más.


Nuevas funciones de Adobe XD 21

Uso compartido unificado para vínculos de desarrollo

A partir de XD 21.0, el vínculo de compartir para desarrollo se ha enriquecido, incluyendo información del prototipo interactivo junto con especificaciones de diseño. Haga clic en el icono de alternancia Ver especificaciones del vínculo compartido para alternar entre Vista de especificaciones de diseño y Vista de prototipo. 

En las versiones anteriores de XD, los diseñadores compartieron dos enlaces diferentes para el prototipo y las especificaciones del diseño; se obligó a los desarrolladores a saltar hacia delante y hacia atrás entre las dos para interpretar la intención del diseñador lo que provocó una colaboración ineficaz.

Ahora, los diseñadores pueden comunicar de manera eficiente sus intenciones de diseño y facilitar todos los recursos que necesitan los desarrolladores con un único vínculo compartido. Los desarrolladores pueden comprender mejor las interacciones y los comportamientos previstos, además de ahorrar tiempo evitando cambiar constantemente entre vínculos independientes de prototipos y de especificaciones de diseño. 

Alternar entre especificaciones de diseño y prototipo desde un solo enlace
Alternar entre especificaciones de diseño y prototipo desde un solo enlace

A. Ver icono de alternancia de especificaciones 

Para obtener más información, consulte Navegar por especificaciones de diseño en XD.

Vista de cuadrícula en vínculos compartidos

Con CD 21.0, se ha sustituido la especificación del diseño de la vista de flujo EX por una vista de cuadrícula nueva y de navegación eficiente en Adobe XD.  La Vista de cuadrícula en prototipos y especificaciones de diseño facilita a los interesados o desarrolladores navegar rápidamente hasta la mesa de trabajo más relevante.

En versiones anteriores de XD, cualquiera que estuviera viendo prototipos necesitaba hacer clic en cada una de sus mesas de trabajo individuales, hasta encontrar la que buscaba. 

Vista de cuadrícula en vínculos compartidos
Comparación de Vista de flujo de UX frente a Vista de cuadrícula para el vínculo de especificaciones de diseño

En Vista de cuadrícula, los revisores pueden hacer lo siguiente:

  • Ver la representación en miniatura de todas las pantallas,
  • Contar los comentarios de una mesa de trabajo determinada,
  • Buscar una mesa de trabajo por su nombre y
  • Hacer clic en el icono de la pantalla vinculada para ver todas las pantallas vinculadas para una mesa de trabajo determinada.

Estos cambios son beneficiosos, tanto para desarrolladores como para interesados, de las siguientes maneras:

  • Desarrollador: reemplaza el flujo de UX por una vista simplificada y unificada de todas las mesas de trabajo.
  • Interesado: puede navegar por prototipos de XD con múltiples pantallas y saltar a las partes del prototipo que más le interesen
Vista de cuadrícula
Vista de cuadrícula

A. Número de comentarios en una mesa de trabajo B. Haga clic en el icono de pantalla vinculada para ver las pantallas vinculadas C. Pantallas vinculadas de las primeras tarjetas de la mesa de trabajo 

Presencia en documentos

Para evitar ediciones conflictivas y duplicación de esfuerzos en los documentos en la nube, XD presenta un indicador visual que señala cuando otros diseñadores están colaborando en el mismo documento en la nube. Los diseñadores pueden ver un avatar del perfil de otros diseñadores que estén trabajando en el mismo documento en la nube.

Presencia en documentos en la nube
Presencia en documentos

Para obtener más información sobre la presencia en documentos, consulte Documentos en la nube en XD.

Comentarios sobre prototipos web móviles

A menudo, los revisores acceden a prototipos desde dispositivos móviles y desean agregar comentarios y ver lo que hace el resto sobre la marcha. 

Con esta última versión de XD, ahora ya es posible ver y comentar sobre prototipos web tanto desde dispositivos móviles como desde navegadores web de escritorio.  Esto ayuda a acelerar los ciclos de revisión y facilita que los interesados faciliten comentarios a tiempo y en el momento adecuado. 

Para obtener más información, consulte Trabajar con prototipos en Adobe XD

Comentarios sobre prototipos web móviles

Ver e inspeccionar subintervalos de texto

A partir de XD 21.0, si tiene elementos de texto con varios estilos, puede desplazarse sobre los subintervalos de los elementos de texto. En ese caso, las especificaciones de diseño resaltan los subintervalos similares de dentro del elemento de texto con los mismos estilos y permiten acceder a sus propiedades individuales, como anteriormente. Anteriormente, al usar varios estilos de texto dentro de un elemento de texto, no era posible aislar esos estilos y entender qué subintervalos usaban el mismo estilo.

Para obtener más información, consulte Inspeccionar especificaciones de diseño en XD

Atributos de subintervalos en un texto mayor
Atributos de subintervalos en un texto mayor

Nuevas funciones de Adobe XD 20

La versión de junio de 2019 de XD dispone de las siguientes mejoras:

Inspector de propiedades en modo de prototipo

Adobe XD 20.0 ha movido la pantalla elevada de prototipo del lienzo a un inspector de propiedades en modo de prototipo. Esta nueva mejora de la interfaz de usuario ayuda a seleccionar múltiples mesas de trabajo y definir atributos de prototipos complejos de una sola vez.

Nuevo Inspector de prototipos para definir y gestionar los atributos de prototipos; reemplaza el panel Desencadenar
Nuevo Inspector de propiedades de prototipos (sustituye a la pantalla elevada Desencadenar) para definir y gestionar los atributos de prototipos

Tiempo de visualización: 1 minuto.


Panel de complementos

El nuevo panel de complementos pone a su alcance el poder de los complementos, con un acceso rápido a la funcionalidad de los complementos desde la aplicación XD. Además de los paneles Recursos y Capas, el panel Complementos permite acceder rápidamente a los complementos instalados, así como iniciar el Administrador de complementos para descubrir e instalar complementos nuevos.

Panel de lanzamiento de complementos
Panel de lanzamiento de complementos

Superíndice y subíndice

La última versión de Adobe XD extiende la transformación de texto para incluir opciones de superíndice y subíndice en el inspector de propiedades. Puede usar estas opciones para transformar de forma creativa sus marcas registradas, marcas comerciales y derechos de autor en sus diseños y verlos también en web y móvil.

Para obtener más información, consulte Herramientas de dibujo y Herramientas de texto.

Transformaciones de texto en superíndice y subíndice
Transformaciones de texto en superíndice y subíndice

Tiempo de visualización: 1 minuto.


Compatibilidad con JIRA 2.0

La integración de JIRA 2.0 mejora el entorno colaborativo al proporcionar información adicional sobre documentos de XD, como el número de mesas de trabajo o avatares disponibles.

Para obtener más información, consulte Integración de Jira para XD

Diseñar sistemas en XD

Diseñar sistemas en XD
Diseñar sistemas en XD

Al diseñar productos digitales a escala, mantener la coherencia se vuelve cada vez más desafiante y crítico. Bajo las crecientes presiones de velocidad en los contenidos, las organizaciones están buscando formas de moverse más rápido al diseñar y crear experiencias de clientes, manteniendo la consistencia y aumentando la eficiencia en un ecosistema cada vez más complejo de plataformas y dispositivos.

Un sistema de diseño une equipos de producto multidisciplinares (diseñadores, desarrolladores e interesados) en torno a un lenguaje visual común al proporcionar patrones de diseño coherentes y sólidos que se pueden reutilizar en diferentes combinaciones. Reduce la deuda de diseño, acelera el proceso de diseño y construye puentes entre los equipos que trabajan coordinadamente para dar vida a los productos. Para obtener más información sobre los sistemas de diseño en XD, consulte Sistemas de diseño.

Para obtener más información sobre los sistemas de diseño de XD, eche un vistazo a este vídeo.

Tiempo de visualización: 1 minuto.


Recursos vinculados

Con las superficies de diseño cada vez más numerosas, los diseñadores necesitan disponer de una manera fácil de crear y mantener diseños coherentes a escala. 

Con Adobe XD 19.0, puede compartir y utilizar fácilmente no solo componentes (antes conocidos como símbolos), sino también colores y estilos de carácter. Esto puede ser increíblemente útil al compartir una hoja de adhesivos con el equipo o reutilizar elementos de diseño entre proyectos.

Los Recursos vinculados complementan el flujo de trabajo de los componentes vinculados. Al modificar recursos vinculados en el documento de origen, todos los documentos dependientes con esos recursos vinculados recibirán notificaciones de actualizaciones. En este punto, puede optar por previsualizar y aceptar las actualizaciones. Para obtener más información, consulte Trabajar con recursos vinculados.

Para obtener más información sobre recursos vinculados, eche un vistazo a este vídeo.

Tiempo de visualización: 1 minuto.


Componentes con anulaciones

 La última versión de Adobe XD acaba de dar un gran salto cualitativo para crear experiencias de usuario complejas, con la introducción de componentes en la aplicación. Los componentes reemplazan a lo que antes eran los símbolos y hacen que la tarea de crear elementos de diseño repetidos sea infinitamente más ágil y potente. Ahora es rápido y fácil crear múltiples variaciones de un componente (anteriormente llamado símbolo), cambiar sus propiedades y anular todas las propiedades comunes al mismo tiempo. Para obtener más información sobre cómo trabajar con anulaciones en componentes, consulte Anulaciones de componentes.

Para obtener más información sobre componentes en XD, eche un vistazo a este vídeo.

Tiempo de visualización: 1 minuto.


Desencadenadores de teclado y mando de juego

Adobe XD permite usar ahora métodos abreviados de teclado y desencadenadores de mando de juego para simular aplicaciones de escritorio nativas y crear prototipos de experiencias o diseños de juego enriquecidos. Al cablear un prototipo, puede seleccionar Teclas/mando de juego en la opción Desencadenador y asignar cualquier tecla. Estos desencadenadores pueden usarse con Tocar, Arrastrar, Tiempo y Voz para crear prototipos para diferentes casos de uso, como aplicaciones de escritorio, juegos y presentaciones. Para obtener más información sobre el uso de desencadenadores de teclado y mando de juego, consulte Crear prototipos con desencadenadores de teclado y mando de juego.

Para obtener más información sobre desencadenadores de teclado y mando de juego, eche un vistazo a este vídeo.

Tiempo de visualización: 1 minuto.


Guías de mesas de trabajo

Las guías de mesas de trabajo personalizadas permiten alinear elementos y objetos sin esfuerzo en las mesas de trabajo, sin necesidad de basarse en las reglas. Puede crear guías, ajustar su posición, copiarlas y pegarlas en varias mesas de trabajo, o eliminarlas. También puede bloquear las guías u ocultar su visibilidad. Para obtener más información sobre la creación de guías de mesas de trabajo personalizadas, consulte Trabajar con mesas de trabajo y cuadrículas.

Para obtener más información sobre las guías de las mesas de trabajo, eche un vistazo a este vídeo.

Tiempo de visualización: 1 minuto.


Herramienta Polígono

Con la última versión de Adobe XD, todavía dispone de más formas de expresar su visión con la nueva herramienta de polígonos con hasta 100 lados. También puede editar las formas de estos polígonos para lograr la forma deseada. Ya puede ser más expresivo al crear elementos de interfaz de usuario comunes, como botones, punteros, calificadores y otros iconos y gráficos básicos.  Para obtener más información sobre la creación de guías de mesas de trabajo personalizadas, consulte Dibujo y herramientas de texto en XD.

Para obtener más información sobre la herramienta de polígono, eche un vistazo a este vídeo.

Tiempo de visualización: 1 minuto.


Mayúsculas, minúsculas, letra de título y tachado

La última versión de Adobe XD incluye una mayor expresión creativa respecto a las transformaciones de texto. Puede cambiar los estilos de texto a mayúsculas o minúsculas, usar el tachado y letra de títulos, no solo en la aplicación de diseño de XD, sino también en la Web y las vistas previas de móviles. Esto sería útil para uniformizar estilos en diferentes áreas de texto, como títulos de secciones, mensajes de error o etiquetas, con lo que no necesitaría de marcas visuales para lograr estas transformaciones de texto. Para obtener más información sobre las transformaciones de texto, consulte Herramientas de texto.

Para obtener más información sobre transformaciones de texto, eche un vistazo a este vídeo.

Tiempo de visualización: 1 minuto.


Redimensionado inteligente de componentes

Con la última versión de Adobe XD, puede combinar lo mejor de los componentes (antes símbolos) y el redimensionado inteligente para trabajar con grupos de objetos en el lienzo de diseño.  El redimensionado inteligente permite cambiar el tamaño de grupos de objetos, manteniendo su colocación y escalabilidad. Todo lo que tiene que hacer es cambiar el tamaño del grupo en el lienzo de diseño y XD mantendrá aplicado el espaciado relativo. Los componentes también son redimensionables y vienen con las potentes posibilidades de cambio de tamaño integradas. Para obtener más información sobre cómo trabajar con redimensionamiento inteligente en componentes, consulte Redimensionar componentes.

Para obtener más información sobre el redimensionamiento inteligente de componentes, eche un vistazo a este vídeo.

Tiempo de visualización: 1 minuto.


Solicitar acceso a especificaciones de diseño y prototipos privados

Adobe XD le facilita compartir sus diseños utilizando vínculos a prototipos y especificaciones de diseño compartibles. Ahora puede solicitar acceso a un prototipo o una especificación de diseño compartidos en privado y el propietario del diseño podrá aprobar o denegar el acceso. Para obtener más información, consulte Solicitar acceso a vínculos privados.

Para obtener más información sobre solicitudes de acceso a prototipos y especificaciones de diseño privados, eche un vistazo a este vídeo. 

Tiempo de visualización: 1 minuto.


Notificaciones de prototipos de voz

Cuando un prototipo no responde a un comando de voz, puede solucionar el problema que pueda haber en esa interacción desde la aplicación de vista previa de escritorio, con una vista previa por escrito de lo que escucha Adobe XD. Para obtener más información, consulte Solucionar problemas de interacciones de voz.

Para obtener más información sobre las notificaciones de prototipos de voz, eche un vistazo a este vídeo. 

Tiempo de visualización: 1 minuto.


Resolver las fuentes ausentes

Activación desde Adobe Fonts
Activación desde Adobe Fonts

Con la última versión de Adobe XD, hemos simplificado la tarea de cargar fuentes ausentes desde la biblioteca de Adobe Fonts, además de la administración de fuentes que no sean de Adobe, todo ello directamente en la aplicación. 

Para garantizar una experiencia perfecta al trabajar con Adobe Fonts, XD activa automáticamente las fuentes ausentes que estén disponibles en la biblioteca de Adobe Fonts de su equipo, sin su intervención.

Cuando esté en línea abriendo un documento con fuentes ausentes que estén disponibles en Adobe Fonts (a las que tenga acceso a través de su suscripción de Creative Cloud), XD las activará automáticamente en su equipo.

Los fuentes que se activan desde Adobe Fonts están resaltadas con un ícono de activación azul y, tan pronto como estén listas para usarse, quedarán disponibles en el documento, sin ninguna intervención por su parte.

Activación automática de Adobe Fonts
Activación automática de Adobe Fonts

A. Fuentes ausentes B. Activación de fuentes 

Eche un vistazo a este vídeo sobre cómo trabajar con fuentes ausentes.


Para obtener más información, consulte Administrar recursos y componentes.

Admisión de gestos de arrastre en navegadores con prototipos web

Ahora puede experimentar de manera óptima el comportamiento de su prototipo, tal y como lo haya diseñado, respecto a efectos de arrastre, al ver o compartir prototipos web. En versiones anteriores, los gestos de arrastre se admitían en los equipos de escritorio y estaban predeterminados para tocar en la Web; pero con esta actualización podrá arrastrar en los navegadores web.

Gesto de arrastre en un navegador
Gesto de arrastre en un navegador

Para obtener más información, consulte Crear prototipos utilizando animación automática.

Copiar/pegar contenido vectorial a Illustrator

Contenido vectorial a Illustrator
Contenido vectorial a Illustrator

Ya puede copiar contenido vectorial de XD al Portapapeles y pegarlo después como capas editables en Adobe Illustrator. En versiones anteriores, Illustrator pegaba imágenes aplanadas para el contenido copiado desde XD y ahora esto se ha actualizado a una transferencia de vectores basada en SVG.

Esta función es compatible con Illustrator, versiones 23.0.2 o posteriores.

Eche un vistazo a este vídeo sobre cómo copiar/pegar contenido vectorial a Illustrator.


Para obtener más información, consulte Trabajar con recursos externos.

Ocultar los controles de navegación en prototipos web

Ya puede controlar la visibilidad de los controles de paginación y navegación del prototipo web para crear un entorno más controlado para pruebas de usuario.

Mostrar y ocultar los controles de navegación
Mostrar y ocultar los controles de navegación

Puede habilitar o deshabilitar Mostrar controles de navegación en la opción Compartir, y ocurrirá lo siguiente dependiendo de cómo estén los controles:

  • Habilitado (configuración predeterminada): la aplicación web del prototipo muestra los mismos botones Inicio, Volver y Siguiente.
  • Deshabilitado: los controles de navegación de la aplicación web del prototipo y los números de las mesas de trabajo no son visibles. Puede usar los puntos importantes definidos para interactuar con los prototipos y hacer clic en el botón Inicio para navegar a la pantalla de inicio. En el caso de experiencia móvil, al abrir un vínculo de prototipo, podrá ver la pantalla de bienvenida, los chevrones izquierdo/derecho estarán ocultos y el gesto de deslizamiento estará deshabilitado.

Si los flujos de los prototipos tienen cables, también puede elegir mostrar los controles de navegación al publicar los prototipos. 

Nota:

Si desea aprovechar esta nueva función incluso para sus vínculos existentes, vuelva a publicar su prototipo con Mostrar controles de navegación desactivado.

Controles de navegación deshabilitados
Controles de navegación deshabilitados

Mejoras en el marcado para exportación

Marcar para exportación
Marcar para exportación

Puede seleccionar cualquier objeto en el lienzo de diseño y marcarlo para exportación haciendo clic en la nueva casilla Marcar para exportación del Inspector de propiedades o también haciendo clic con el botón derecho y seleccionándolo desde el menú.

A partir de esta versión, todas las imágenes de mapa de bits importadas en XD se marcan automáticamente para su exportación. Al importar o abrir documentos de Illustrator o Photoshop con imágenes, XD marca automáticamente todas las imágenes de mapa de bits para exportación. 

Es posible seleccionar Archivo > Exportar > Lote para exportar todas las capas marcadas para exportación o, alternativamente, Compartir > Compartir para desarrollo e incluir recursos en Especificaciones de diseño.

Nota:

La opción Marcar para exportación por lotes recibe ahora el nombre de Marcar para exportación.

Eche un vistazo a este vídeo sobre el marcado de recursos para exportación.


Mejoras de la herramienta de selección

Selección de objetos entre varios grupos
Selección de objetos entre varios grupos

XD ha mejorado la herramienta de selección, haciendo que la selección de contenido entre grupos sea mucho más eficaz. Puede seleccionar objetos de múltiples grupos del lienzo, usando Cmd/Ctrl + Mayús + Clic, independientemente de a qué grupos pertenecen. Una vez seleccionados, puede cambiar fácilmente los atributos comunes en el Inspector de propiedades, puede duplicar el contenido arrastrando con Alt o usando Cmd/Ctrl + D.

Eche un vistazo a este vídeo sobre selección de objetos en varios grupos.


Para obtener más información, consulte Agrupar, bloquear, duplicar, copiar y voltear objetos.

Integración de servidor JIRA

La integración de Adobe XD con el software de Jira optimiza la colaboración entre diseñadores y desarrolladores con acceso instantáneo a prototipos XD compartidos y especificaciones de diseño, directamente desde los problemas de Jira.

La extensión del soporte al servidor de software de Jira y al centro de datos de software de Jira ofrece estos beneficios a los clientes empresariales que necesiten una solución personalizada con requisitos especiales de control de datos. Para obtener información sobre cómo los administradores de Jira pueden habilitar esta integración, consulte Integración de Jira para XD.

Grabar interacciones de voz con la narración de audio

Adobe XD introduce la posibilidad de agregar narración usando el micrófono cuando grabe una interacción de vista previa de escritorio. Conforme vaya haciendo clic, las narraciones de voz también se incluyen en la grabación. Este método es particularmente útil para visitar aplicaciones de clientes remotos, sin necesidad de estar físicamente presente con el cliente o el interesado.

Los usuarios de Windows ya podían acceder a esta función a través de un control en el sistema operativo en Gamecenter, y ahora, esta nueva funcionalidad está disponible para los usuarios de Mac. 

Eche un vistazo a este vídeo sobre cómo agregar narración a un prototipo al grabar.

Grabar interacciones
Grabar interacciones

Para obtener más información sobre cómo grabar interacciones de voz y añadirlas a su narración, consulte Añadir una narración de voz a un prototipo.

Método abreviado de teclado de cuentagotas para cambiar de color

Adobe XD incorpora un método abreviado para el cuentagotas que facilita el cambio de color de los objetos. Seleccione el objeto o grupo de objetos a los que quiera cambiar el color y use i en el teclado para cargar el cursor del cuentagotas y seleccionar cualquier color en el lienzo de diseño para modificar el color de un objeto. El selector de color le permite seleccionar solo colores absolutos; no puede utilizar la herramienta para seleccionar degradados lineales o radiales.

Eche un vistazo a este vídeo sobre cómo usar la herramienta cuentagotas.


Método abreviado de la herramienta cuentagotas
Método abreviado de la herramienta cuentagotas

Para obtener más información sobre cómo usar el método abreviado de la herramienta cuentagotas, consulte Métodos abreviados de teclado en XD.

Componentes auxiliares para la navegación en prototipos y especificaciones de diseño

El acceso a prototipos publicados por XD o especificaciones de diseño en la web le proporciona controles de navegación unificados. Esto garantiza una experiencia unificada cuando se interactúa con otras aplicaciones web de Adobe.

Para obtener más información, consulte Trabajar con prototipos en XD.

Mejoras en la interfaz de usuario relacionadas con el cambio entre compartir de forma pública y privada

Para mejorar la visibilidad y el uso de la función Compartir y sus flujos de trabajo, XD proporciona las siguientes opciones para compartir un prototipo.

  • Cualquiera que disponga del vínculo puede verlo
  • Solo las personas invitadas pueden verlo

Para obtener más información, consulte Compartir diseños y prototipos incrustados.

Compatibilidad con Animación automática en navegadores

Con Animación automática en Adobe XD, puede crear prototipos con transiciones animadas inmersivas que son completamente funcionales e interactivas en dispositivos y verlos la ventana de vista previa, así como en el navegador web.

Ya puede ver la animación de los prototipos y los valores de las propiedades de animación de las especificaciones de diseño en un navegador web compatible, lo que debería facilitar la exhibición de sus diseños a los interesados y a otros asociados.

Para obtener más información, consulte Crear prototipos con animación automática y Propiedades admitidas y no admitidas para la animación automática en transiciones de mesas de trabajo de XD.

También puede ver este vídeo para apreciar cómo las animaciones automáticas se disuelven en un navegador web.


Compatibilidad con Animación automática en navegadores
Resultado de animación automática en un navegador web

Compatibilidad con idiomas y acentos de voz

El sistema de voz ya admite todos los idiomas de Adobe XD, tanto para los comandos como para la reproducción de voz. Si está diseñando para usuarios que hablen inglés, francés, alemán, coreano o japonés, puede crear prototipos de experiencias de voz en sus lenguas maternas, con compatibilidad para más idiomas en el futuro.

La última versión de XD también es compatible con acentos regionales para comandos de voz, por lo cual, tanto si está en Estados Unidos como en el Reino Unido, Canadá o Australia, podrá crear con éxito un prototipo de experiencia de voz localizada y efectiva. Para obtener más información, consulte Diseño y creación de prototipos de voz en Adobe XD.

También puede echar un vistazo a este vídeo para obtener información sobre la compatibilidad con idiomas y acentos de voz.


Ver todos los comentarios en múltiples mesas de trabajo

La función de ver de todos los comentarios 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 responderlos, resolverlos o eliminarlos. 

Para obtener información, consulte Ver todos los comentarios.

También puede mirar este vídeo para obtener información sobre todos los comentarios de varias mesas de trabajo.


Ver todos los comentarios
Ver todos los comentarios

Nuevas funciones de Adobe XD 19

Diseñar sistemas en XD

Diseñar sistemas en XD
Diseñar sistemas en XD

Al diseñar productos digitales a escala, mantener la coherencia se vuelve cada vez más desafiante y crítico. Bajo las crecientes presiones de velocidad en los contenidos, las organizaciones están buscando formas de moverse más rápido al diseñar y crear experiencias de clientes, manteniendo la consistencia y aumentando la eficiencia en un ecosistema cada vez más complejo de plataformas y dispositivos.

Un sistema de diseño une equipos de producto multidisciplinares (diseñadores, desarrolladores e interesados) en torno a un lenguaje visual común al proporcionar patrones de diseño coherentes y sólidos que se pueden reutilizar en diferentes combinaciones. Reduce la deuda de diseño, acelera el proceso de diseño y construye puentes entre los equipos que trabajan coordinadamente para dar vida a los productos. Para obtener más información sobre los sistemas de diseño en XD, consulte Sistemas de diseño.

Para obtener más información sobre los sistemas de diseño de XD, eche un vistazo a este vídeo.

Tiempo de visualización: 1 minuto.


Guías de mesas de trabajo

Las guías de mesas de trabajo personalizadas permiten alinear elementos y objetos sin esfuerzo en las mesas de trabajo, sin necesidad de basarse en las reglas. Puede crear guías, ajustar su posición, copiarlas y pegarlas en varias mesas de trabajo, o eliminarlas. También puede bloquear las guías u ocultar su visibilidad. Para obtener más información sobre la creación de guías de mesas de trabajo personalizadas, consulte Trabajar con mesas de trabajo y cuadrículas.

Para obtener más información sobre las guías de las mesas de trabajo, eche un vistazo a este vídeo.

Tiempo de visualización: 1 minuto.


Desencadenadores de teclado y mando de juego

Adobe XD permite usar ahora métodos abreviados de teclado y desencadenadores de mando de juego para simular aplicaciones de escritorio nativas y crear prototipos de experiencias o diseños de juego enriquecidos. Al cablear un prototipo, puede seleccionar Teclas/mando de juego en la opción Desencadenador y asignar cualquier tecla. Estos desencadenadores pueden usarse con Tocar, Arrastrar, Tiempo y Voz para crear prototipos para diferentes casos de uso, como aplicaciones de escritorio, juegos y presentaciones. Para obtener más información sobre el uso de desencadenadores de teclado y mando de juego, consulte Crear prototipos con desencadenadores de teclado y mando de juego.

Para obtener más información sobre desencadenadores de teclado y mando de juego, eche un vistazo a este vídeo.

Tiempo de visualización: 1 minuto.


Componentes con anulaciones

 La última versión de Adobe XD acaba de dar un gran salto cualitativo para crear experiencias de usuario complejas, con la introducción de componentes en la aplicación. Los componentes reemplazan a lo que antes eran los símbolos y hacen que la tarea de crear elementos de diseño repetidos sea infinitamente más ágil y potente. Ahora es rápido y fácil crear múltiples variaciones de un componente (anteriormente llamado símbolo), cambiar sus propiedades y anular todas las propiedades comunes al mismo tiempo. Para obtener más información sobre cómo trabajar con anulaciones en componentes, consulte Anulaciones de componentes.

Para obtener más información sobre componentes en XD, eche un vistazo a este vídeo.

Tiempo de visualización: 1 minuto.


Recursos vinculados

Con las superficies de diseño cada vez más numerosas, los diseñadores necesitan disponer de una manera fácil de crear y mantener diseños coherentes a escala. 

Con Adobe XD 19.0, puede compartir y utilizar fácilmente no solo componentes (antes conocidos como símbolos), sino también colores y estilos de carácter. Esto puede ser increíblemente útil al compartir una hoja de adhesivos con el equipo o reutilizar elementos de diseño entre proyectos.

Los recursos vinculados complementan el flujo de trabajo de los componentes vinculados. Al modificar recursos vinculados en el documento de origen, todos los documentos dependientes con esos recursos vinculados recibirán notificaciones de actualizaciones. En este punto, puede optar por previsualizar y aceptar las actualizaciones. Para obtener más información, consulte Trabajar con recursos vinculados.

Para obtener más información sobre recursos vinculados, eche un vistazo a este vídeo.

Tiempo de visualización: 1 minuto.


Herramienta Polígono

Con la última versión de Adobe XD, todavía dispone de más formas de expresar su visión con la nueva herramienta de polígonos con hasta 100 lados. También puede editar las formas de estos polígonos para lograr la forma deseada. Ya puede ser más expresivo al crear elementos de interfaz de usuario comunes, como botones, punteros, calificadores y otros iconos y gráficos básicos.  Para obtener más información sobre la creación de guías de mesas de trabajo personalizadas, consulte Dibujo y herramientas de texto en XD.


Mayúsculas, minúsculas, letra de título y tachado

La última versión de Adobe XD incluye una mayor expresión creativa respecto a las transformaciones de texto. Puede cambiar los estilos de texto a mayúsculas o minúsculas, usar el tachado y letra de títulos, no solo en la aplicación de diseño de XD, sino también en la Web y las vistas previas de móviles. Esto sería útil para uniformizar estilos en diferentes áreas de texto, como títulos de secciones, mensajes de error o etiquetas, con lo que no necesitaría de marcas visuales para lograr estas transformaciones de texto. Para obtener más información sobre las transformaciones de texto, consulte Herramientas de texto.


Redimensionado inteligente de componentes

Con la última versión de Adobe XD, puede combinar lo mejor de los componentes (antes símbolos) y el redimensionado inteligente para trabajar con grupos de objetos en el lienzo de diseño.  El redimensionado inteligente permite cambiar el tamaño de grupos de objetos, manteniendo su colocación y escalabilidad. Todo lo que tiene que hacer es cambiar el tamaño del grupo en el lienzo de diseño y XD mantendrá aplicado el espaciado relativo. Los componentes también son redimensionables y vienen con las potentes posibilidades de cambio de tamaño integradas. Para obtener más información sobre cómo trabajar con redimensionamiento inteligente en componentes, consulte Redimensionar componentes.


Solicitar acceso a especificaciones de diseño y prototipos privados

Adobe XD le facilita compartir sus diseños utilizando vínculos a prototipos y especificaciones de diseño compartibles. Ahora puede solicitar acceso a un prototipo o una especificación de diseño compartidos en privado y el propietario del diseño podrá aprobar o denegar el acceso. Para obtener más información, consulte Solicitar acceso a vínculos privados.


Notificaciones de prototipos de voz

Cuando un prototipo no responde a un comando de voz, puede solucionar el problema que pueda haber en esa interacción desde la aplicación de vista previa de escritorio, con una vista previa por escrito de lo que escucha Adobe XD. Para obtener más información, consulte Solucionar problemas de interacciones de voz.

Para obtener más información sobre las notificaciones de prototipos de voz, eche un vistazo a este vídeo. 

Tiempo de visualización: 1 minuto.


Resolver las fuentes ausentes

Activación desde Adobe Fonts
Activación desde Adobe Fonts

Con la última versión de Adobe XD, hemos simplificado la tarea de cargar fuentes ausentes desde la biblioteca de Adobe Fonts, además de la administración de fuentes que no sean de Adobe, todo ello directamente en la aplicación. 

Para garantizar una experiencia perfecta al trabajar con Adobe Fonts, XD activa automáticamente las fuentes ausentes que estén disponibles en la biblioteca de Adobe Fonts de su equipo, sin su intervención.

Cuando esté en línea abriendo un documento con fuentes ausentes que estén disponibles en Adobe Fonts (a las que tenga acceso a través de su suscripción de Creative Cloud), XD las activará automáticamente en su equipo.

Los fuentes que se activan desde Adobe Fonts están resaltadas con un ícono de activación azul y, tan pronto como estén listas para usarse, quedarán disponibles en el documento, sin ninguna intervención por su parte.

Activación automática de Adobe Fonts
Activación automática de Adobe Fonts

A. Fuentes ausentes B. Activación de fuentes 

Eche un vistazo a este vídeo sobre cómo trabajar con fuentes ausentes.

Para obtener más información, consulte Administrar recursos y componentes.

Admisión de gestos de arrastre en navegadores con prototipos web

Ahora puede experimentar de manera óptima el comportamiento de su prototipo, tal y como lo haya diseñado, respecto a efectos de arrastre, al ver o compartir prototipos web. En versiones anteriores, los gestos de arrastre se admitían en los equipos de escritorio y estaban predeterminados para tocar en la Web; pero con esta actualización podrá arrastrar en los navegadores web.

Gesto de arrastre en un navegador
Gesto de arrastre en un navegador

Para obtener más información, consulte Crear prototipos utilizando animación automática.

Copiar/pegar contenido vectorial a Illustrator

Contenido vectorial a Illustrator
Contenido vectorial a Illustrator

Ya puede copiar contenido vectorial de XD al Portapapeles y pegarlo después como capas editables en Adobe Illustrator. En versiones anteriores, Illustrator pegaba imágenes aplanadas para el contenido copiado desde XD y ahora esto se ha actualizado a una transferencia de vectores basada en SVG.

Esta función es compatible con Illustrator, versiones 23.0.2 o posteriores.

Eche un vistazo a este vídeo sobre cómo copiar/pegar contenido vectorial a Illustrator.

Para obtener más información, consulte Trabajar con recursos externos.

Ocultar los controles de navegación en prototipos web

Ya puede controlar la visibilidad de los controles de paginación y navegación del prototipo web para crear un entorno más controlado para pruebas de usuario.

Mostrar y ocultar los controles de navegación
Mostrar y ocultar los controles de navegación

Puede habilitar o deshabilitar Mostrar controles de navegación en la opción Compartir, y ocurrirá lo siguiente dependiendo de cómo estén los controles:

  • Habilitado (configuración predeterminada): la aplicación web del prototipo muestra los mismos botones Inicio, Volver y Siguiente.
  • Deshabilitado: los controles de navegación de la aplicación web del prototipo y los números de las mesas de trabajo no son visibles. Puede usar los puntos importantes definidos para interactuar con los prototipos y hacer clic en el botón Inicio para navegar a la pantalla de inicio. En el caso de experiencia móvil, al abrir un vínculo de prototipo, podrá ver la pantalla de bienvenida, los chevrones izquierdo/derecho estarán ocultos y el gesto de deslizamiento estará deshabilitado.

Si los flujos de los prototipos tienen cables, también puede elegir mostrar los controles de navegación al publicar los prototipos. 

Nota:

Si desea aprovechar esta nueva función incluso para sus vínculos existentes, vuelva a publicar su prototipo con Mostrar controles de navegación desactivado.

Controles de navegación deshabilitados
Controles de navegación deshabilitados

Mejoras en el marcado para exportación

Marcar para exportación
Marcar para exportación

Puede seleccionar cualquier objeto en el lienzo de diseño y marcarlo para exportación haciendo clic en la nueva casilla Marcar para exportación del Inspector de propiedades o también haciendo clic con el botón derecho y seleccionándolo desde el menú.

A partir de esta versión, todas las imágenes de mapa de bits importadas en XD se marcan automáticamente para su exportación. Al importar o abrir documentos de Illustrator o Photoshop con imágenes, XD marca automáticamente todas las imágenes de mapa de bits para exportación. 

Es posible seleccionar Archivo > Exportar > Lote para exportar todas las capas marcadas para exportación o, alternativamente, Compartir > Compartir para desarrollo e incluir recursos en Especificaciones de diseño.

Nota:

La opción Marcar para exportación por lotes recibe ahora el nombre de Marcar para exportación.

Eche un vistazo a este vídeo sobre el marcado de recursos para exportación.

Mejoras de la herramienta de selección

Selección de objetos entre varios grupos
Selección de objetos entre varios grupos

XD ha mejorado la herramienta de selección, haciendo que la selección de contenido entre grupos sea mucho más eficaz. Puede seleccionar objetos de múltiples grupos del lienzo, usando Cmd/Ctrl + Mayús + Clic, independientemente de a qué grupos pertenecen. Una vez seleccionados, puede cambiar fácilmente los atributos comunes en el Inspector de propiedades, puede duplicar el contenido arrastrando con Alt o usando Cmd/Ctrl + D.

Eche un vistazo a este vídeo sobre selección de objetos en varios grupos.

Para obtener más información, consulte Agrupar, bloquear, duplicar, copiar y voltear objetos.

Nuevas funciones de Adobe XD 18

La versión de abril de 2019 de XD dispone de las interesantes mejoras que se indican a continuación:

Selector de idioma

XD ofrece una sólida experiencia de cambio de idioma de la aplicación para modificar el idioma en el que se usa XD. Con esta nueva adición, puede controlar el idioma en el que desee utilizar XD y no estar vinculado a la selección de idioma del sistema operativo. Las nuevas preferencias de idioma persistirán en todas las actualizaciones de XD.

Nota:

Las opciones de cambio de idioma están deshabilitadas para los usuarios de equipos de Creative Cloud en China.

Selector de idioma
Selector de idioma

Mejoras en la interfaz de usuario del panel de comentarios

Para garantizar la coherencia con otros productos de Creative Cloud, Adobe XD presenta una mejor legibilidad de los comentarios y respuestas en la interfaz del panel de comentarios. Esta mejora ofrece ventajas en la legibilidad a través de múltiples comentarios con captcha invisible (automatizado) para comentarios de invitados, nueva sangría en el panel de comentarios, marca de tiempo adyacente al nombre del revisor, etc.

Para obtener más información, consulte Trabajar con prototipos en XD.

Mejoras de comentarios
Mejoras de comentarios

Nuevas funciones de Adobe XD 17

Resolver las fuentes ausentes

Activación desde Adobe Fonts
Activación desde Adobe Fonts

Con la última versión de Adobe XD, hemos simplificado la tarea de cargar fuentes ausentes desde la biblioteca de Adobe Fonts, además de la administración de fuentes que no sean de Adobe, todo ello directamente en la aplicación. 

Para garantizar una experiencia perfecta al trabajar con Adobe Fonts, XD activa automáticamente las fuentes ausentes que estén disponibles en la biblioteca de Adobe Fonts de su equipo, sin su intervención.

Cuando esté en línea abriendo un documento con fuentes ausentes que estén disponibles en Adobe Fonts (a las que tenga acceso a través de su suscripción de Creative Cloud), XD las activará automáticamente en su equipo.

Los fuentes que se activan desde Adobe Fonts están resaltadas con un ícono de activación azul y, tan pronto como estén listas para usarse, quedarán disponibles en el documento, sin ninguna intervención por su parte.

Activación automática de Adobe Fonts
Activación automática de Adobe Fonts

A. Fuentes ausentes B. Activación de fuentes 

Eche un vistazo a este vídeo sobre cómo trabajar con fuentes ausentes.


Para obtener más información, consulte Administrar recursos y componentes.

Admisión de gestos de arrastre en navegadores con prototipos web

Ahora puede experimentar de manera óptima el comportamiento de su prototipo, tal y como lo haya diseñado, respecto a efectos de arrastre, al ver o compartir prototipos web. En versiones anteriores, los gestos de arrastre se admitían en los equipos de escritorio y estaban predeterminados para tocar en la Web; pero con esta actualización podrá arrastrar en los navegadores web.

Gesto de arrastre en un navegador
Gesto de arrastre en un navegador

Para obtener más información, consulte Crear prototipos utilizando animación automática.

Copiar/pegar contenido vectorial a Illustrator

Contenido vectorial a Illustrator
Contenido vectorial a Illustrator

Ya puede copiar contenido vectorial de XD al Portapapeles y pegarlo después como capas editables en Adobe Illustrator. En versiones anteriores, Illustrator pegaba imágenes aplanadas para el contenido copiado desde XD y ahora esto se ha actualizado a una transferencia de vectores basada en SVG.

Esta función es compatible con Illustrator, versiones 23.0.2 o posteriores.

Eche un vistazo a este vídeo sobre cómo copiar/pegar contenido vectorial a Illustrator.


Para obtener más información, consulte Trabajar con recursos externos.

Ocultar los controles de navegación en prototipos web

Ya puede controlar la visibilidad de los controles de paginación y navegación del prototipo web para crear un entorno más controlado para pruebas de usuario.

Mostrar y ocultar los controles de navegación
Mostrar y ocultar los controles de navegación

Puede habilitar o deshabilitar Mostrar controles de navegación en la opción Compartir, y ocurrirá lo siguiente dependiendo de cómo estén los controles:

  • Habilitado (configuración predeterminada): la aplicación web del prototipo muestra los mismos botones Inicio, Volver y Siguiente.
  • Deshabilitado: los controles de navegación de la aplicación web del prototipo y los números de las mesas de trabajo no son visibles. Puede usar los puntos importantes definidos para interactuar con los prototipos y hacer clic en el botón Inicio para navegar a la pantalla de inicio. En el caso de experiencia móvil, al abrir un vínculo de prototipo, podrá ver la pantalla de bienvenida, los chevrones izquierdo/derecho estarán ocultos y el gesto de deslizamiento estará deshabilitado.

Si los flujos de los prototipos tienen cables, también puede elegir mostrar los controles de navegación al publicar los prototipos. 

Nota:

Si desea aprovechar esta nueva función incluso para sus vínculos existentes, vuelva a publicar su prototipo con Mostrar controles de navegación desactivado.

Controles de navegación deshabilitados
Controles de navegación deshabilitados

Eche un vistazo a este vídeo sobre cómo ocultar los controles de navegación en los prototipos web.


Mejoras en el marcado para exportación

Marcar para exportación
Marcar para exportación

Puede seleccionar cualquier objeto en el lienzo de diseño y marcarlo para exportación haciendo clic en la nueva casilla Marcar para exportación del Inspector de propiedades o también haciendo clic con el botón derecho y seleccionándolo desde el menú.

A partir de esta versión, todas las imágenes de mapa de bits importadas en XD se marcan automáticamente para su exportación. Al importar o abrir documentos de Illustrator o Photoshop con imágenes, XD marca automáticamente todas las imágenes de mapa de bits para exportación. 

Es posible seleccionar Archivo > Exportar > Lote para exportar todas las capas marcadas para exportación o, alternativamente, Compartir > Compartir para desarrollo e incluir recursos en Especificaciones de diseño.

Nota:

La opción Marcar para exportación por lotes recibe ahora el nombre de Marcar para exportación.

Eche un vistazo a este vídeo sobre el marcado de recursos para exportación.


Mejoras de la herramienta de selección

Selección de objetos entre varios grupos
Selección de objetos entre varios grupos

XD ha mejorado la herramienta de selección, haciendo que la selección de contenido entre grupos sea mucho más eficaz. Puede seleccionar objetos de múltiples grupos del lienzo, usando Cmd/Ctrl + Mayús + Clic, independientemente de a qué grupos pertenecen. Una vez seleccionados, puede cambiar fácilmente los atributos comunes en el Inspector de propiedades, puede duplicar el contenido arrastrando con Alt o usando Cmd/Ctrl + D.

Eche un vistazo a este vídeo sobre selección de objetos en varios grupos.


Para obtener más información, consulte Agrupar, bloquear, duplicar, copiar y voltear objetos.

Integración de servidor JIRA

La integración de Adobe XD con el software de Jira optimiza la colaboración entre diseñadores y desarrolladores con acceso instantáneo a prototipos XD compartidos y especificaciones de diseño, directamente desde los problemas de Jira.

La extensión del soporte al servidor de software de Jira y al centro de datos de software de Jira ofrece estos beneficios a los clientes empresariales que necesiten una solución personalizada con requisitos especiales de control de datos. Para obtener información sobre cómo los administradores de Jira pueden habilitar esta integración, consulte Integración de Jira para XD.

Nuevas funciones de Adobe XD 16

Grabar interacciones de voz con la narración de audio

Adobe XD introduce la posibilidad de agregar narración usando el micrófono cuando grabe una interacción de vista previa de escritorio. Conforme vaya haciendo clic, las narraciones de voz también se incluyen en la grabación. Este método es particularmente útil para visitar aplicaciones de clientes remotos, sin necesidad de estar físicamente presente con el cliente o el interesado.

Los usuarios de Windows ya podían acceder a esta función a través de un control en el sistema operativo en Gamecenter, y ahora, esta nueva funcionalidad está disponible para los usuarios de Mac. 

Eche un vistazo a este vídeo sobre cómo agregar narración a un prototipo al grabar.


Grabar interacciones
Grabar interacciones

Para obtener más información sobre cómo grabar interacciones de voz y añadirlas a su narración, consulte Añadir una narración de voz a un prototipo.

Método abreviado de teclado de cuentagotas para cambiar de color

Adobe XD incorpora un método abreviado para el cuentagotas que facilita el cambio de color de los objetos. Seleccione el objeto o grupo de objetos a los que quiera cambiar el color y use i en el teclado para cargar el cursor del cuentagotas y seleccionar cualquier color en el lienzo de diseño para modificar el color de un objeto. El selector de color le permite seleccionar solo colores absolutos; no puede utilizar la herramienta para seleccionar degradados lineales o radiales.

Eche un vistazo a este vídeo sobre cómo usar la herramienta cuentagotas.


Método abreviado de la herramienta cuentagotas
Método abreviado de la herramienta cuentagotas

Para obtener más información sobre cómo usar el método abreviado de la herramienta cuentagotas, consulte Métodos abreviados de teclado en XD.

Componentes auxiliares para la navegación en prototipos y especificaciones de diseño

El acceso a prototipos publicados por XD o especificaciones de diseño en la web le proporciona controles de navegación unificados. Esto garantiza una experiencia unificada cuando se interactúa con otras aplicaciones web de Adobe.

Para obtener más información, consulte Trabajar con prototipos en XD.

Navegación interior
Navegación interior

Mejoras en la interfaz de usuario relacionadas con el cambio entre compartir de forma pública y privada

Para mejorar la visibilidad y el uso de la función Compartir y sus flujos de trabajo, XD proporciona las siguientes opciones para compartir un prototipo.

  • Cualquiera que disponga del vínculo puede verlo
  • Solo las personas invitadas pueden verlo
Mejoras de interfaz de usuario
Mejoras de interfaz de usuario

Para obtener más información, consulte Compartir diseños y prototipos incrustados.

Nuevas funciones de Adobe XD 15

La versión de enero de 2019 de XD dispone de la nuevas e interesantes funciones que se indican a continuación:

Las mejoras incluyen la posibilidad de Ver todos los comentarios de varias mesas de trabajo.

Compatibilidad con Animación automática en navegadores

Con Animación automática en Adobe XD, puede crear prototipos con transiciones animadas inmersivas que son completamente funcionales e interactivas en dispositivos y verlos la ventana de vista previa, así como en el navegador web.

Ya es posible ver la animación en los prototipos y los valores de las propiedades de animación de las especificaciones de diseño en un navegador web compatible, lo que debería facilitar la presentación de los diseños a los interesados y a otros asociados.

Para obtener más información, consulte Crear prototipos con animación automática y Propiedades admitidas y no admitidas para la animación automática en transiciones de mesas de trabajo de XD.

También puede ver este vídeo para apreciar cómo las animaciones automáticas se disuelven en un navegador web.


Compatibilidad con Animación automática en navegadores
Compatibilidad con Animación automática en navegadores

Compatibilidad con idiomas y acentos de voz

El sistema de voz ya admite todos los idiomas de Adobe XD, tanto para los comandos como para la reproducción de voz. Si está diseñando para usuarios que hablen inglés, francés, alemán, coreano o japonés, puede crear prototipos de experiencias de voz en sus lenguas maternas, con compatibilidad para más idiomas en el futuro.

La última versión de XD también es compatible con acentos regionales para comandos de voz, por lo cual, tanto si está en Estados Unidos como en el Reino Unido, Canadá o Australia, podrá crear con éxito un prototipo de experiencia de voz localizada y efectiva. Para obtener más información, consulte Diseño y creación de prototipos de voz en Adobe XD.

También puede echar un vistazo a este vídeo para obtener información sobre la compatibilidad con idiomas y acentos de voz.


Ver todos los comentarios en múltiples mesas de trabajo

La función de ver de todos los comentarios 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 responderlos, resolverlos o eliminarlos. 

Para obtener información, consulte Ver todos los comentarios.

También puede mirar este vídeo para obtener información sobre todos los comentarios de varias mesas de trabajo.


all-screen-comments-view

Nuevas funciones de Adobe XD 14

Colaboración mejorada con documentos nativos en la nube

Cloud-Doc

Adobe XD introduce los documentos en la nube, un nuevo tipo de documento nativo en la nube que ofrece un método rápido y conveniente de administrar, compartir y mantener documentos actualizados entre varios dispositivos. 

Puede guardar los diseños XD como documentos en la nube, para asegurarse de que estén actualizados y sean accesibles incluso sin conexión. A continuación, puede compartirlos con otros usuarios de Creative Cloud e invitarles a colaborar. Una vez que vuelva a disponer de conexión, su trabajo se guardará automáticamente en la nube.

Los documentos en la nube también admiten recursos entre documentos y permiten vincular componentes desde documentos en la nube.

Para obtener más información sobre el trabajo con documentos en la nube, eche un vistazo a este vídeo.


La introducción de los documentos en la nube también afecta a la forma de guardar documentos en XD para móviles y de acceder a ellos. Para obtener más información, consulte Trabajar con documentos en la nube en móviles, Documentos en la nube en XD y Gestión de documentos en la nube.

Para obtener más información sobre la experiencia móvil al trabajar con documentos en la nube, eche un vistazo a este vídeo.


Diseños más rápidos y precisos, con el volteo de objetos

XD introduce la opción de voltear objetos vertical u horizontalmente. El volteo funciona en todos los elementos básicos, excepto en las mesas de trabajo, las cuadrículas de repetición y los componentes, y tiene en cuenta el giro actual del objeto al aplicarse.

Para obtener más información, consulte Voltear objetos.

Voltear objetos
Voltear objetos

Mejoras de productividad con la búsqueda en el panel de capas

Puede usar Buscar y Filtrar en el panel de capas para buscar por nombres de capa o filtrar capas por texto, formas y categorías de imágenes. La experiencia de búsqueda está optimizada para mostrar solo las capas y mesas de trabajo relevantes que contengan la palabra clave, sin la estructura de capas (por ejemplo, grupos expandidos). Esto puede ser útil en la animación automática de capas entre mesas de trabajo.

Para obtener más información, consulte Trabajar con capas.

Buscar en el panel Capas
Buscar en el panel Capas

Vista previa de componentes vinculados en el lienzo

Pase el cursor sobre el icono de actualización de componentes vinculados del panel Recursos para ver previamente las actualizaciones de componentes en el lienzo antes de confirmarlas.

Para obtener más información, consulte Vistas previas de actualizaciones de componentes vinculados.

Vista previa de actualizaciones de componentes vinculados
Vista previa de actualizaciones de componentes vinculados

Cambios en la UI relativos a la compartición de flujos de trabajo

14_0-release-share
Antigua nomenclatura Nueva nomenclatura Flujos de trabajo.
ND Compartir documento Comparta documentos en la nube para revisarlos.
Publicar prototipo Compartir para revisión Publique y comparta documentos en la nube para revisarlos.
Publicar especificaciones de diseño Compartir para desarrollo Publique y comparta especificaciones de diseño con los desarrolladores para revisarlas.
Administrar vínculos publicados Administrar vínculos Administre los vínculos desde assets.adobe.com.
Grabar vídeo Grabar vídeo Grabe un vídeo de interacciones entre mesas de trabajo al trabajar con animación automática. Si hay algún prototipo interactivo, todas las interacciones se registran como un archivo.mp4.

Fidelidad visual mejorada con capas retenidas desde Adobe Illustrator

Con la copia y el pegado mejorados desde Adobe Illustrator a XD, la fidelidad visual de las capas, su estructura y sus efectos se mantienen tal y como fueron diseñados en Adobe Illustrator. Este flujo de trabajo ya es semejante a la importación desde Illustrator.

Integración mejorada con Photoshop, Illustrator y After Effects

Usa la nueva opción Archivo > Importar para agregar contenido de Photoshop o Illustrator a documentos de XD existentes al convertir contenidos de Photoshop o Illustrator. Al convertir objetos inteligentes, permanecen totalmente editables (en lugar de fundirse) y conservan las capas de ajuste de Photoshop.

Para obtener más información, consulte Trabajar con recursos externos.

Visualización de prototipos en dispositivos móviles

Se han agregado varias mejoras a la visualización de prototipos en navegadores web móviles, incluyendo un modo predeterminado de pantalla completa, pellizcar para hacer aparecer flechas de navegación, el botón de inicio, información de prototipos e informar de anomalías. Para obtener más información, consulte Vista previa en dispositivos móviles.

Para obtener más información sobre la experiencia mejorada en móviles, eche un vistazo a este vídeo.


Exportación SVG mejorada

Al exportar elementos .svg desde XD o desde especificaciones de diseño, ahora puede exportar con Atributos de presentación, lo que mejora el estilo y la compatibilidad para escenarios de desarrollo comunes, como los SVG exportados desde XD en Android Studio.

Para obtener más información, consulte Trabajar con recursos externos.

Compatibilidad mejorada con Wacom y función táctil

Adobe XD ya admite la rotación con dos dedos de los objetos seleccionados en la pantalla táctil de dispositivos con Windows, almohadillas táctiles de Mac, tabletas Wacom, paneles táctiles y anillos táctiles.

Posibilidad de comentarios web mejorados en la UI

Al abrir un prototipo web o una especificación de diseño, puede verse un marcador gris con el recuento de comentarios sobre el icono de comentario de la barra derecha. El recuento representa el número total de conversaciones de comentarios sin resolver en una mesa de trabajo. El recuento de comentarios se actualiza automáticamente al agregar un nuevo comentario o marcar un comentario existente como resuelto.

Posibilidad de comentarios web en la UI
Posibilidad de comentarios web en la UI

Nuevas funciones de Adobe XD 13

Diseño y creación de prototipos mediante comandos de voz y reproducción de voz

Comandos de voz y reproducción de voz
Comandos de voz y reproducción de voz

Adobe XD proporciona una solución fácil de usar que permite usar comandos de voz para desencadenar una interacción entre mesas de trabajo. Al igual que cuando se usa un Clic o una Pulsación como Desencadenador, puede usarse la Voz para desencadenar una interacción de prototipo y una Reproducción de voz como acción desencadenada. La reproducción de voz le ofrece acceso a un potente motor de conversión de texto a voz que ayuda a diseñar nuevas plataformas, como asistentes de voz y altavoces inteligentes. Para obtener más información, consulte Diseño de voz y creación de prototipos.

Para obtener más información sobre el uso de comandos de voz y reproducción de voz, eche un vistazo a este vídeo.


Creación y reproducción con animación automática y gestos de arrastre

Auto-aminamte--1(source)
Animación automática en el trabajo

Animación automática permite crear prototipos fácilmente, con transiciones animadas inmersivas. Simplemente, duplique mesas de trabajo, modifique las propiedades de los objetos, como el tamaño, la posición y la rotación, y aplique una acción de animación automática para crear una transición animada entre mesas de trabajo. Para utilizar Animación automática, asegúrese de que los objetos que desea animar tengan el mismo nombre de capa entre dos mesas de trabajo. Para obtener más información, consulte Crear prototipos utilizando animación automática.

El gesto de arrastre en XD lleva la función Animación automática un paso adelante, al permitirle simular la experiencia de arrastre de dispositivos habilitados para función táctil. Para obtener más información, consulte Gestos de arrastre en el trabajo.

Para obtener más información sobre Animación automática, eche un vistazo a este vídeo.


Uso compartido de recursos entre documentos con componentes vinculados

Linked-Symbol-Concept

A medida que los equipos de diseño crecen dentro de las organizaciones, junto con las superficies de diseño cada vez mayores, los diseñadores deben colaborar para crear diseños coherentes y escalables. Con los componentes vinculados, los diseñadores pueden compartir componentes entre documentos y asegurarse de que estén siempre actualizados.

Los componentes vinculados permiten crear y mantener una fuente única de referencia para los kits de UI, las hojas de adhesivos o las guías de estilo, y utilizarla en otros documentos de Adobe XD. Al modificar un componente vinculado en el documento de origen, XD advierte de los documentos con instancias de dicho componente vinculado con esas actualizaciones. A partir de eso, puede obtenerse una vista previa de los cambios y elegir aceptarlos o rechazarlos. Para obtener más información, consulte Trabajar con componentes vinculados.

Para obtener más información sobre componentes vinculados, eche un vistazo a este vídeo.


Diseño de innovación de herramientas a través de complementos

Plugins-updated

Adobe XD lanza la primera ola de complementos que ayudan a automatizar tareas, integrarse con otras herramientas, aprovechar los datos en los diseños y mucho más. Esto también incluye integraciones con algunas de las mejores aplicaciones de colaboración y productividad del mercado, incluyendo Slack, JIRA y Microsoft Teams.

Para obtener información sobre cómo iniciarse con los complementos, consulte Complementos para XD.

Transferencia perfecta de recursos con Illustrator y After Effects

Importar desde Illustrator
Importar desde Illustrator

Desde Adobe XD 13.0, puede transferir diseños de disposiciones y recursos desde Illustrator abriendo archivos .ai desde dentro de Adobe XD. El nuevo flujo de trabajo, rápido y adecuado, ayuda a transferir sin problemas recursos con correspondencia nativa de capas, mesas de trabajo, ilustraciones y vectores con la mayor fidelidad visual, y a optimizar los entornos de colaboración en diferentes etapas del proceso de UX. Para obtener más información, consulte Abrir archivos de Illustrator en XD.

Ventajas de las funciones:

  • Uso sin problemas de recursos de Illustrator en prototipos: transfiera iconos, logotipos y otros recursos vectoriales a XD y use kits de UI o bibliotecas completas creadas en Illustrator, manteniendo las capas, con completa capacidad de edición y fidelidad visual.
  • Colaborar para crear diseños interactivos: abra archivos de Illustrator en XD y use las sofisticadas funciones de colaboración y creación de prototipos de XD.

Para obtener más información sobre la integración con Illustrator, eche un vistazo a este vídeo.


Animar con After Effects
Animar con After Effects

Con Adobe XD 13.0, puede exportar fácilmente diseños XD (capas seleccionadas o mesas de trabajo completas) a After Effects para crear animaciones y microinteracciones de UI. Puede exportar capas, mesas de trabajo, ilustraciones y vectores a la perfección con idéntica fidelidad visual y usar el potente ecosistema de complementos de After Effects para optimizar su colaboración con los desarrolladores. Para obtener más información, consulte Exportar recursos a After Effects.

Ventajas de las funciones:

  • Obtener control total de las animaciones: los diseñadores pueden usar After Effects para crear animaciones y microinteracciones personalizadas, ajustar las transiciones o usar recursos de vídeo en los diseños.
  • Transferencia perfecta de recursos: con esta integración, puede disfrutar de una rápida transferencia de recursos y concordancia nativa de capas, vectores e ilustraciones, consiguiendo un pase más rápido del diseño a las animaciones personalizadas.
  • Aprovechar complementos: puede ampliar las animaciones y la colaboración con los desarrolladores utilizando el ecosistema de complementos de After Effects adaptado al proceso de diseño de UX.

Vista previa del dispositivo Win10 en vivo en iOS

Mobile-Preview

A partir de XD 13.0, los diseñadores con SO Windows pueden usar una conexión USB para obtener una vista previa de sus diseños en iOS. Para obtener más información, consulte Vista previa en dispositivos móviles.

Nuevas funciones de Adobe XD 12

 La versión de septiembre de 2018 de XD dispone de nuevas funciones interesantes:

Entre las mejoras se encuentran las siguientes:

Siga leyendo para saber más.

Redimensionamiento inteligente y restricciones

Al diseñar hoy en día para un entorno de dispositivos múltiples, es importante tener en cuenta la gran variedad de tamaños de pantalla disponibles en las resoluciones de móviles, tabletas y escritorios. Dado que no todos los diseñadores utilizan dispositivos similares, es necesario considerar cómo funciona el contenido en múltiples tamaños de pantalla. 

Para resolver este problema de los usuarios, Adobe XD ha desarrollado una función denominada redimensionamiento inteligente que permite cambiar el tamaño de los objetos manteniendo simultáneamente las relaciones espaciales en diferentes tamaños, para adaptarse mejor a múltiples tamaños de pantalla. Para obtener más información sobre el redimensionamiento inteligente y las restricciones, consulte Redimensionamiento inteligente.

Para obtener más información sobre el redimensionamiento inteligente, eche un vistazo a este vídeo.


Redimensionamiento inteligente
Resultado del redimensionamiento inteligente
Configuración de restricciones en grupo de objetos
Configuración de restricciones en grupo de objetos

Transiciones temporizadas

Las transiciones temporizadas aplican una combinación de Retraso y duración como un nuevo tipo de Desencadenador temporal para realizar la transición entre mesas de trabajo y crear flujos o bucles de incorporación rápidos.

Con la adición de Tiempo, ya puede realizar la transición entre mesas de trabajo en función de un retardo de tiempo específico. Esto es útil para la incorporación de prototipos o flujos de decisión.

Al crear una transición entre dos mesas de trabajo en modo Prototipo, ahora puede seleccionar Tiempo en lugar de Pulsación, definir la duración del retardo y la transición que desea utilizar. A continuación, XD guarda los atributos de la misma pantalla y los ofrece como predeterminados para más pantallas. Para obtener más información sobre transiciones temporizadas, consulte Utilizar transiciones temporizadas.

Para obtener más información sobre transiciones temporizadas, eche un vistazo a este vídeo.


Establecer transiciones temporizadas
Establecer transiciones temporizadas

A. Establecer el desencadenador en Tiempo B. Establecer el retardo en Segundos C. Establecer la acción en Transición D. Establecer la duración en Segundos 

Corrector ortográfico integrado

Adobe XD introduce una función de corrección ortográfica integrada que ofrece la corrección ortográfica en tiempo real directamente en los lienzos de diseño. Esta función se basa en el lenguaje a nivel de SO para sugerir correcciones. También tiene la posibilidad de agregar nuevas palabras al diccionario.

Tradicionalmente, los usuarios tenían que copiar o pegar su contenido en una aplicación separada para comprobar la ortografía y los errores tipográficos. 

A partir de esta versión, puede ejecutar la revisión ortográfica en el texto seleccionado, viendo y corrigiendo los errores ortográficos.

Nota:

Antes de iniciar la revisión ortográfica, asegúrese de haber habilitado la función de revisión ortográfica en el menú Editar.

Revisión ortográfica
Revisión ortográfica

Para obtener más información sobre la revisión ortográfica, consulte Usar el corrector ortográfico.

Mejoras en la visualización a pantalla completa de prototipos web

Adobe XD presenta un comportamiento mejorado en el modo de pantalla completa, que ofrece una experiencia de usuario mejorada al ver diseños en el navegador.

Las mesas de trabajo web y personalizadas se muestran ahora desde la parte superior del navegador sin problemas de rellenos negros. Sin embargo, las mesas de trabajo móviles siguen centradas en la pantalla en modo de pantalla completa.

Estas mejoras proporcionan una experiencia más realista al ver en el navegador una mesa de trabajo de tamaño web.

Para obtener más información sobre las mejoras de visualización en pantalla completa de los prototipos web, eche un vistazo a este vídeo.


Full-screen-(Before)
Comportamiento anterior
Escalado mejorado en el modo de pantalla completa para prototipos web
Comportamiento mejorado

Esto imita el comportamiento real de los navegadores, ya que el color de fondo de estos es siempre blanco y no agregan un color de fondo de manera predeterminada.

Mejoras en la vista estándar y en pantalla completa:

  • Si la anchura de la mesa de trabajo es mayor que el espacio horizontal disponible, el prototipo se escala para ajustarse, sin desplazamiento horizontal.
  • Si ha definido la altura de la ventana gráfica (establecida en el Inspector de propiedades), el prototipo se ajusta primero a la altura y escala proporcionalmente la anchura para mantener la relación de aspecto. También puede desplazarse verticalmente para ver contenido que se encuentre por debajo de la altura de la ventana gráfica.
  • Si el prototipo diseñado es una web o una mesa de trabajo personalizada, el vínculo publicado en el navegador web en modo de pantalla completa representa el contenido desde la parte superior de la ventana del navegador. Los diseños en móviles y tabletas siguen estando alineados con el centro de la pantalla.
  • El color de fondo en modo de pantalla completa es blanco en lugar de negro. Esto imita el auténtico comportamiento del navegador, ya que los navegadores no agregan un color de fondo negro de manera predeterminada.

Mejoras en la vista de las mesas de trabajo en móviles:

  • El contenido se ajusta adecuadamente a la anchura, para mantener la relación de aspecto.
  • Si ve el vínculo publicado en modo de pantalla completa en un navegador web, el contenido se representa en el centro de la ventana del navegador. 

Nuevas funciones de Adobe XD 11

La versión de agosto de 2018 de XD dispone de nuevas funciones interesantes:

Entre las mejoras se encuentran las siguientes:

Siga leyendo para saber más.

Extraer recursos para especificaciones de diseño

A partir de XD 11.0, puede incluir capas marcadas para exportación por lotes como recursos en las especificaciones de diseño, y los desarrolladores pueden descargar todas estas capas marcadas desde el vínculo de especificaciones de diseño.

Los desarrolladores pueden entonces optar por descargar los recursos vectoriales como recursos SVG, PNG y PDF, y los recursos de mapas de bits como PNG y PDF.

Exportar recursos
Exportar por lotes
Exportar por lotes

Para obtener más información, consulte Extraer recursos para especificaciones de diseño.

Reordenar recursos en el panel Recursos

Con esta versión de Adobe XD, puede organizar y reordenar sus recursos arrastrando uno o varios recursos por el panel Recursos.

Reordenar recursos
Reordenar recursos

Para obtener más información, consulte Reordenar elementos en el panel Recursos.

Invitaciones privadas en la Web

Adobe XD le permite compartir invitaciones seguras solo por nombre (vínculos públicos y privados) para especificaciones de diseño y prototipos desde la interfaz web. Cuando un diseñador publica una invitación segura por nombre, el diseñador puede usar la opción Invitar para invitar a más revisores internos y externos.

Enviar invitaciones privadas a usuarios desde el navegador
Enviar invitaciones privadas a usuarios desde el navegador

Nota:

La opción Invitar es visible solo para el diseñador que posee el documento y los interesados invitados no pueden invitar a otros a menos que el diseñador lo permita.

Para obtener más información, consulte Uso de invitaciones privadas en la Web.

Soporte de mención por @ de comentarios

Puede usar la mención por @ para ver los nombres de los usuarios invitados a acceder a una invitación de diseño privada. En el caso de prototipos públicos y especificaciones de diseño, solo los usuarios que hayan comentado al menos una vez aparecen en la lista de revisores. El revisor mencionado por @ con el nombre recibirá un correo electrónico o una notificación de la aplicación de escritorio de Creative Cloud. Al hacer clic en la notificación, se le dirigirá a la mesa de trabajo referenciada.

Mención por @
Mención por @

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

Soporte de especificaciones de diseño para tipos de trazo

A partir de XD 11.0, los usuarios pueden seleccionar cualquier objeto en las especificaciones de diseño compartidas y hacer clic en sus bordes para mostrar los trazos utilizados en la pantalla. 

Tipos de trazo
A. Tipos de trazo 

Para obtener más información, consulte Inspeccionar especificaciones de diseño.