Versiones de agosto de 2019, octubre de 2019 y noviembre de 2019 de Adobe XD
xd-mnemonic

Adobe XD es una herramienta basada en vectores para diseñar y crear prototipos de la experiencia de usuario en aplicaciones web y móviles. Cambie fácilmente entre mallas metálicas, diseño visual, diseño de interacciones, 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 interacciones, diseñadores de experiencias, diseñadores de productos, diseñadores web, diseñadores de aplicaciones, diseñadores visuales, emprendedores y mucho más.


Overview

Nuevas funciones de Adobe XD 24

La versión de XD de noviembre de 2019 incluye las siguientes mejoras: 

Colaboración en tiempo real con Coedición (Beta)

Coedición (Beta) le permite colaborar en tiempo real con otros diseñadores, acelerando el flujo de trabajo y eliminando trabajo duplicado o conflictivo. Puede ver los avatares de otros usuarios que editen el mismo documento, y las ediciones se transmiten a todos en tiempo real.

Con Coedición, los equipos de diseño pueden trabajar más rápido y mantener una única fuente de referencia para todo un proyecto de diseño.

Las funciones beta son nuevas funciones disponibles para que los usuarios de XD las prueben y comenten, mientras las vamos preparando para su uso. Las funciones beta pueden presentar algunos problemas de calidad y rendimiento.

1

Para obtener más información, consulta Colaborar y coeditar diseños.

Agregar elementos interactivo con estados de componentes

Ya puede usar Estados de componentes para diseñar variaciones de diferentes interacciones de los usuarios. Por ejemplo, puede diseñar un componente de botón y luego crear diferentes estados del componente, como colocar el cursor encima y presionarlo. 

¡Se acabó el crear y conectar múltiples mesas de trabajo para mostrar interacciones complejas! 

Cuando tenga un componente con estados, ahora ya puede usar el desencadenador Cursor encima en modo Prototipo para especificar un efecto de cursor encima al situar un cursor sobre un elemento de diseño en particular.

¡Siga adelante e incorpore nuevos niveles de interactividad a los prototipos!

Components-Hero

Administrar las revisiones de diseños con el Historial del documento

Ya puede usar Historial del documento para examinar el historial de versiones guardadas al trabajar en un documento en la nube. A veces puede desear volver a una versión anterior y deshacer los últimos cambios en su documento de XD. 

Para volver a una versión anterior, abra una versión del documento desde Historial del documento, copie y pegue el contenido en su versión actual.

Siga adelante, trabaje en colaboración con los diseñadores y vea la evolución de los documentos a lo largo del tiempo.

history_xd

Para obtener más información, consulte Administrar las revisiones de diseño

Crear prototipos en alta fidelidad usando interacciones múltiples

Ahora, en modo Prototipo, puede especificar interacciones múltiples para un único elemento de diseño o para un objeto.

Siga adelante y arrastre varios cables desde un solo elemento. Agregue interacciones para diferentes desencadenadores, como Tocar o Arrastrar, sin duplicar los objetos ni las mesas de trabajo.

¡Se acabaron las interacciones dispersas! 

Multiple-trigger

Para obtener más información, consulte Crear prototipos interactivos | Descripción general.

Título: Interacciones múltiples

Tiempo de visualización: 4 minutos


Acceder a complementos desde el Administrador de complementos rediseñado

El Administrador de complementos rediseñado permite explorar, descubrir e instalar complementos para XD.  Explore diferentes categorías y colecciones de complementos, busque complementos o términos específicos y vea listas completas de perfiles para cada complemento, descripciones, compatibilidad con idiomas y mucho más.

Administrador de complementos
Administrador de complementos rediseñado

Para obtener más información, consulte Complementos en XD.

Título: Administrador de complementos rediseñado

Tiempo de visualización: 2 minutos


Compartir y colaborar con la experiencia Compartir rediseñada

La nueva pestaña Compartir agrupa diferentes capacidades de uso compartido en una ubicación centralizada y ayuda a compartir los diseños y colaborar con otros colegas diseñadores con facilidad. Combinado con el escenario integrado basado en ajustes preestablecidos como Revisión de diseño y Desarrollo, dispondrá de un control total sobre los vínculos compartidos en la forma de administrarlos o actualizarlos.

Siga leyendo para obtener más información sobre las ventajas del nuevo modo Compartir rediseñado.

  • Administrar múltiples vínculos publicados: Vea todos los vínculos publicados desde el selector de direcciones URL. Siga adelante y modifique los vínculos, o incluso actualice sus vínculos de diseño existentes con facilidad.
  • Ajustes preestablecidos que pueden elegirse al publicar: Acceda a prácticos ajustes preestablecidos según el escenario, como Revisión de diseños, Desarrollo, Presentación, Pruebas de usuario y Personalizado desde el menú Ver opciones. ¡Ya no tendrá que seleccionar múltiples opciones ni casillas para crear sus vínculos de diseño! ¡XD lo hace todo de una vez!
  • Conserve la misma dirección URL para múltiples ajustes preestablecidos e iteraciones: Cree una dirección URL una sola vez e itere o cambie los ajustes preestablecidos muchas veces.
  • Fácil identificación de mesas de trabajo: Identifique visualmente las mesas de trabajo resaltadas a publicar en el lienzo de diseño. ¡Se acabaron los cables y las pantallas que faltan en los vínculos publicados!
Modo Compartir
Modo Compartir rediseñado

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

Título: Modo Compartir

Tiempo de visualización: 3 minutos


Compartir recursos con integración mejorada de Bibliotecas Creative Cloud

Ya puede acceder a Bibliotecas Creative Cloud y explorarlas, agregar recursos como componentes, gráficos, colores, degradados y estilos de carácter de XD a Bibliotecas Creative Cloud y consumirlos directamente desde XD, así como usarlos directamente en proyectos de XD.

También puede agregar recursos de XD a Bibliotecas CC y usarlos en otras aplicaciones de Creative Cloud.

¡Conecte equipos creativos de toda su organización con recursos compartidos, como colores de marca, gráficos, logotipos y mucho más!

Bibliotecas Creative Cloud
Bibliotecas Creative Cloud en XD

Para obtener más información, consulte Bibliotecas Creative Cloud para XD.

Convertir las bibliotecas de Sketch en recursos vinculados

Al trabajar en los sistemas de diseño, ya puede importar y reutilizar cualquiera de sus recursos de Sketch sin tener que recrearlos.

Sus símbolos y elementos de Sketch no solo se convierten en componentes XD, sino que también puede usarlos como recursos vinculados.

1

Para obtener más información, consulte Convertir bibliotecas de Sketch.

Nuevas funciones de Adobe XD 23

La versión de octubre de 2019 de XD presenta las siguientes mejoras: 

Efectos de mezclas

Desde XD 23.0, puede aplicar efectos de mezclas no destructivos para dar estilo a sus imágenes o recursos gráficos.

Use efectos de mezclas para transformar sus diseños variando la forma en que se mezclan los colores de los objetos con los colores de los objetos subyacentes y vea cómo sus diseños cobran vida.

Modos de fusión

Para obtener más información acerca de efectos de mezclas, consulte Aplicar efectos de mezclas.

Desplazar y ajustar el desplazamiento

Desde XD 23.0, puede combinar estos accesos directos del teclado con las teclas de flecha para controlar con precisión la posición y el tamaño de los elementos de la IU en incrementos del tamaño de la cuadrícula.

  • Mayús+Flechas: mueve la selección en incrementos de 10px.
  • Comando+Flechas: ajusta la selección en incrementos de 1px (el elemento está anclado en la esquina superior izquierda).
  • Comando+Mayús+Flechas (Mac) y Alt+Mayús+Flechas (Windows): ajusta la selección en incrementos de 10px (el elemento está anclado en la esquina superior izquierda).

Cuando una cuadrícula cuadrada está activada:

  • Mayús+Flechas: mueve la selección para primero ajustar a la cuadrícula y después la mueve en incrementos de tamaño de cuadrícula.
  • Comando+Mayús+Flechas (Mac) y Alt+Mayús+Flechas (Windows): ajusta la selección para ajustarse a la cuadrícula y después ajusta la selección en incrementos de tamaños de cuadrícula (el elemento está anclado en la esquina superior izquierda).
Cambiar el salto
Cambiar el salto

Seleccionar a través de capas superpuestas

Modo Diseño

XD 23.0 extiende el comportamiento del método abreviado de teclado Comando+Clic Ctrl+Clic para explorar en profundidad el orden en Z de los objetos del lienzo de diseño, así como las especificaciones de diseño. Una vez alcanzada la capa deseada, puede usar el teclado para desplazarla o hacer clic con el botón derecho para que aparezca el menú contextual correspondiente.

Si existen varias capas apiladas una sobre la otra, Comando+Clic o Ctrl+Clic selecciona el siguiente objeto bajo la capa seleccionada. Al alcanzar la última capa inferior, use el mismo método abreviado de teclado para volver a recorrerlo hasta la capa superior. 

Seleccionar capas superpuestas
Seleccionar a través de capas superpuestas

Especificaciones de diseño

Para ver e inspeccionar las capas ocultas bajo una capa superpuesta en las especificaciones de diseño, mantenga el puntero y haga clic con el botón derecho del ratón en el área específica de la mesa de trabajo. Esto muestra la lista de capas y sus detalles contextuales en ese punto de píxeles. Asimismo puede usar comando+clic para explorar en profundidad y ver las propiedades de la capa.

Para obtener más información acerca de cómo acceder a las capas superpuestas, consulte Cambiar el tamaño y girar objetos.

Nuevas funciones de Adobe XD 22

Editar en Photoshop

Editar en Photoshop

XD mejora su integración con Adobe Photoshop permitiéndole abrir y editar imágenes XD directamente en Photoshop y actualizarlas en tiempo real. A medida que edita y guarda las imágenes en Photoshop, XD guarda el archivo acoplado y coloca el mapa de bits en XD en lugar del archivo editado. 

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

Tiempo de visualización: 3.20 minutos.


Panel de complementos mejorado

Panel de complementos

La última versión de XD le permite iniciar e interactuar con los complementos de XD directamente desde la experiencia del usuario de XD, junto con el lienzo de diseño. Al igual que el panel Capas y Contenidos, el nuevo panel Complementos ofrece un acceso sencillo para ver y modificar complementos desde XD. Esto le ayuda a mantener el flujo creativo mientras trabaja en sus diseños de XD. 

Para obtener más información, consulte Ver e instalar complementos.

Tiempo de visualización: 4.30 minutos.


Fragmentos de CSS en especificaciones de diseño

Para ayudar a convertir los diseños en sitios web funcionales, puede copiar los fragmentos de código CSS de las especificaciones de diseño y pegarlos en su código.

El código CSS se genera automáticamente al seleccionar Web como destino de salida en la ventana Compartir para desarrollo cuando se publican especificaciones de diseño. Cuando publique sus especificaciones de diseño, XD mostrará automáticamente el fragmento de código CSS para la capa seleccionada. 

Fragmentos de CSS
Fragmentos de CSS

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

Tiempo de visualización: 2.58 minutos.


Mejoras en los límites de componentes

Los componentes admiten diversas anulaciones y cambian de tamaño sin problemas para varios tamaños de pantalla, pero pueden ser difíciles de usar cuando se aplican efectos o se reorganizan objetos. En versiones anteriores de XD, el contenido se recortaba si agregaba un objeto que quedaba fuera de los límites de su componente maestro original.

Para solucionar problemas con los límites de los componentes, seleccione el componente maestro y haga clic con el botón derecho para seleccionar Ajustar límites a contenido. Los límites de los componentes se ajustan para mostrar todos los objetos recortados en los componentes maestros, así como en las instancias.

Si crea nuevos componentes:

  • Las sombras y desenfoques se representan fuera del cuadro delimitador del componente, y
  • El área del límite se ajusta a todo el contenido de dentro del componente.
Ajustar límites a contenido
Ajustar límites a contenido

Tiempo de visualización: 4 minutos.


Reducción de píxeles fraccionarios

Al diseñar para pantallas HiDPI, los píxeles fraccionarios provocan que el contenido se distorsione. A partir de XD 22.0, para eliminar la fricción del diseño y la distorsión de la imagen, XD redondea el valor de los píxeles al cambiar el tamaño de grupos de objetos, componentes y máscaras de imagen. Sin embargo, XD conserva los valores fraccionarios del contenido creado antes de XD 22.0.  

Reducción de píxeles fraccionarios
Reducción de píxeles fraccionarios

Tiempo de visualización: 3.20 minutos.


Cambiar entre vista de cuadrícula y vista de flujo

Para obtener una vista holística de su flujo de diseño con información de la distribución de la mesa de trabajo, haga clic en el nombre del prototipo o en las especificaciones del diseño situadas en la esquina superior izquierda de la pantalla. Desde la vista de cuadrícula predeterminada, puede elegir también cambiar entre las vistas Cuadrícula y Flujo para mostrar lo siguiente:

  • La vista de Cuadrícula muestra todas las mesas de trabajo diseñadas en formato de cuadrícula que puede inspeccionar o en las que puede navegar hasta una mesa de trabajo.
  • La vista de Flujo diseña la mesa de trabajo para representar la jerarquía de diseño y distribución.
Vista de cuadrícula
Vista de cuadrícula
Vista de flujo
Vista de flujo

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