Trabajo con mesas de trabajo y cuadrículas

Conozca cómo usar las mesas de trabajo en Adobe XD CC para configurar diseños para distintos dispositivos y pantallas. Elija entre una gran variedad de tamaños preestablecidos o defina su propio tamaño de mesa de trabajo personalizado.

Las mesas de trabajo representan normalmente cada una de las pantallas que quiere diseñar como parte de su aplicación móvil o sitio web.

Puede tener muchas mesas de trabajo en un único archivo de Adobe XD. Por ejemplo, puede elegir definir mesas de trabajo para experiencias web basadas en móvil, tableta y escritorio dentro de un único archivo. Alternativamente, también puede elegir diseñar varias pantallas de flujo de usuario para una única plataforma en un archivo.

Puede elegir un tamaño preestablecido para la mesa de trabajo al comienzo de su proyecto, a partir de la pantalla de Inicio. Si no desea utilizar los ajustes preestablecidos, puede crear una mesa de trabajo de tamaño personalizado. Una vez que se haya creado su nuevo archivo con el tamaño de la mesa de trabajo elegido, puede agregar tantas mesas de trabajo como sea necesario utilizando la herramienta Mesa de trabajo.

Varias mesas de trabajo para diversas pantallas en un único archivo de Adobe XD

Para ver todas las mesas de trabajo de su proyecto, abra el panel Capas (haga clic en en la barra de herramientas).

Crear mesas de trabajo

Al crear un proyecto o un archivo por primera vez, puede seleccionar el tamaño de la mesa de trabajo entre los preestablecidos en la pantalla de bienvenida. Para especificar un tamaño personalizado, seleccione Personalizado y especifique el tamaño en píxeles.

Para agregar más mesas de trabajo a un archivo existente, haga clic en la herramienta Mesa de trabajo. Luego, haga clic en uno de los ajustes preestablecidos del panel derecho y haga clic en la ubicación donde desea colocar la mesa de trabajo.

Para definir una mesa de trabajo de tamaño personalizado, seleccione la herramienta de mesa de trabajo y dibuje la mesa de trabajo que desee directamente en el área de la mesa de composición.

Crear mesas de trabajo con desplazamiento

Puede crear mesas de trabajo por las que sea posible desplazarse con una barra de desplazamiento vertical. 

Nota:

Esta versión de Adobe XD no admite desplazamiento horizontal.

  • Mesas de trabajo creadas con tamaños preestablecidos: si el contenido llega más allá de la longitud prescrita de la mesa de trabajo, simplemente puede arrastrar hacia abajo la parte inferior de la mesa de trabajo, hasta la longitud deseada, y continuar diseñando. Una línea de puntos en la mesa de trabajo indica el inicio del contenido desplazable.

Para deshabilitar el desplazamiento, seleccione la mesa de trabajo y luego elija Ninguno en la sección Desplazamiento del Inspector de propiedades.

Arrastrar la parte inferior de la mesa de trabajo para crear una mesa de trabajo con desplazamiento
Arrastre de la parte inferior de una mesa de trabajo preestablecida para darle desplazamiento

  • Mesas de trabajo con tamaños personalizados: para dar desplazamiento a una mesa de trabajo personalizada, seleccione la mesa de trabajo y luego elija Vertical en la sección Desplazamiento del Inspector de propiedades. Además, especifique una Altura de ventana gráfica, que es la longitud de la mesa de trabajo después de la cual debe aparecer el desplazamiento. La altura de la ventana gráfica debe ser menor que la altura de la mesa de trabajo para que pueda aparecer el desplazamiento.
Dar desplazamiento a las mesas de trabajo personalizadas
Dar desplazamiento a las mesas de trabajo personalizadas

Para deshabilitar el desplazamiento, seleccione Ninguno en la sección Desplazamiento del Inspector de propiedades.

Seleccionar mesas de trabajo

Para seleccionar una mesa de trabajo, haga clic en la herramienta Selección y realice una de las siguientes acciones:

  • Haga clic en el título de la mesa de trabajo, o bien
  • Haga doble clic en el fondo de la mesa de trabajo

Copiar y redimensionar mesas de trabajo

En Mac, mantenga presionada la tecla Opción y arrastre una mesa de trabajo a copiar. En Windows, mantenga presionada la tecla Alt y arrastre una mesa de trabajo.

Alternativamente, haga clic con el botón derecho en el nombre de la mesa de trabajo, en el panel Capas y seleccione Copiar. A continuación, haga clic otra vez con el botón derecho y seleccione Pegar.

Para cambiar el tamaño de una mesa de trabajo, haga clic en la mesa de trabajo y use los controladores circulares que aparecen en los bordes.

Reorganización de mesas de trabajo

Haga clic en el título de la mesa de trabajo y arrástrela a la nueva ubicación. 

Nota:

Puede arrastrar las mesas de trabajo en el panel Capas y cambiar su orden en la lista Mesas de trabajo. Pero hacer esto solo cambia el orden de apilamiento de las mesas de trabajo y no cambia su posición (coordenadas X e Y).

Cambiar los nombres de las mesas de trabajo

De forma predeterminada, las mesas de trabajo se nombran según el ajuste preestablecido que seleccione y se numeran secuencialmente. Para especificar un nombre personalizado para sus mesas de trabajo, haga doble clic en el nombre predeterminado y escriba el nuevo nombre de la mesa de trabajo.

También puede cambiar el nombre de las mesas de trabajo en el panel Capas. Haga doble clic en el nombre de la mesa de trabajo o haga clic con el botón derecho en el nombre de la mesa de trabajo y seleccione Cambiar nombre. 

Alinear y distribuir mesas de trabajo

Seleccione con un marco varias mesas de trabajo y haga clic en las opciones Alinear y Distribuir del Inspector de propiedades.

Alinear y distribuir varias mesas de trabajo
Alinear y distribuir varias mesas de trabajo

Nota:

Al seleccionar varias mesas de trabajo, asegúrese de seleccionarlas por completo. Si una mesa de trabajo está cubierta solo parcialmente en la selección, se seleccionarán los objetos de la mesa de trabajo en lugar de la propia mesa de trabajo.

Copiar y mover elementos entre mesas de trabajo

Puede mover libremente cualquier elemento de una mesa de trabajo a otra. Simplemente, arrastre el elemento y suéltelo en la mesa de trabajo requerida.

Para copiar un elemento, use Comando + C (en Mac), o Ctrl + C (en Windows). Haga clic en la mesa de trabajo en la que desee pegar el elemento y haga clic en Comando + V (en Mac), o Ctrl + V (en Windows).

También puede arrastrar un elemento mientras mantiene presionada la tecla Opción (en Mac), o la tecla Alt (en Windows) para copiar elementos entre las mesas de trabajo.

Nota:

Si tiene una colección de objetos que no se ajustan a la mesa de trabajo al pegarla, todos se pegarán en el centro de la mesa de trabajo de destino en lugar de pegarse fuera de la mesa de trabajo.

Puede utilizar el área gris que rodea las mesas de trabajo como mesa de composición. Puede colocar cualquier elemento en la mesa de composición y copiarlo o moverlo a las mesas de trabajo cuando sea necesario. 

Nota:

Al exportar todas las mesas de trabajo, los elementos de la mesa de trabajo que no formen parte de ninguna mesa de trabajo no se exportarán. Si un elemento se coloca parcialmente en una mesa de trabajo, entonces solo se exporta la parte del elemento que esté en la mesa de trabajo.

Cortar, copiar, mover, redimensionar, hacer zoom y eliminar múltiples mesas de trabajo simultáneamente

Seleccione con un marco varias mesas de trabajo para editarlas simultáneamente. 

Varias mesas de trabajo seleccionadas al mismo tiempo
Varias mesas de trabajo seleccionadas al mismo tiempo

Seleccione la herramienta Selección para arrastrar un marco en torno a las mesas de trabajo que desee seleccionar.

Al seleccionar varias mesas de trabajo, asegúrese de seleccionarlas por completo. Si una mesa de trabajo está cubierta solo parcialmente, se seleccionarán los objetos de la mesa de trabajo en lugar de la propia mesa de trabajo.

Aparece un cuadro delimitador alrededor de las mesas de trabajo seleccionadas. 

  • Redimensionar: arrastre los controladores del cuadro delimitador para cambiar el tamaño de las mesas de trabajo seleccionadas.
  • Cortar, copiar y pegar: Ctrl + Clic (en Mac) o clic con el botón derecho (en Windows) para abrir el menú que permite cortar, copiar y pegar todas las mesas de trabajo seleccionadas.
  • Zoom: Entre en modo Zoom haciendo clic en el icono Zoom de la barra de herramientas o presionando Z en el teclado. Una vez en modo Zoom, podrá hacer lo siguiente:
    • Aumentar: haga clic en cualquier lugar del lienzo de Adobe XD o haga clic en la mesa de trabajo requerida. O bien, seleccione mediante marco un área que aumentar.
    • Reducir: Opción + Clic (en Mac), o Alt + Clic (en Windows).

    Si desea aumentar o reducir rápidamente sin entrar en modo Zoom, puede activar temporalmente el modo Zoom:

    • Presione Barra espaciadora + Cmd (en Mac), o Barra espaciadora + Ctrl (en Windows) y luego haga clic o seleccione mediante marco un área de la mesa de trabajo a aumentar.
    • En Mac, presione Barra espaciadora + Cmd + Opt para reducir.

Para aumentar objetos específicos de la mesa de trabajo, seleccione los objetos y luego elija Ver > Zoom a la selección o ⌘ 3 en Mac. En Windows, use el método abreviado de teclado Ctrl + 3.

  • Eliminar: pulse Supr en el teclado o use Ctrl + Clic (en Mac), o clic con el botón derecho (en Windows), para abrir el menú que permite eliminar todas las mesas de trabajo seleccionadas. Alternativamente, puede seleccionar una o más mesas de trabajo en el panel Capas, hacer clic con el botón derecho y elegir Eliminar.
Logotipo de Adobe

Inicia sesión en tu cuenta