Si tiene alguna pregunta que hacer o una idea que compartir, venga y participe en la Comunidad de Adobe XD. Nos gustaría conocer sus comentarios y ver sus creaciones.
Última actualización el
17 feb. 2023
- Guía del usuario de Adobe XD
- Introducción
- Novedades de Adobe XD
- Preguntas habituales
- Diseñar, crear prototipos y compartir con Adobe XD
- Gestión de color
- Requisitos del sistema
- Conceptos básicos del espacio de trabajo
- Cambiar el idioma de la aplicación en Adobe XD
- Acceder a kits de diseño de interfaz de usuario
- Accesibilidad en Adobe XD
- Métodos abreviados de teclado
- Consejos y trucos
- Diseño
- Mesas de trabajo, guías y capas
- Formas, objetos y trazados
- Seleccionar, redimensionar y rotar objetos
- Mover, alinear, distribuir y organizar objetos
- Agrupar, bloquear, duplicar, copiar y voltear objetos
- Establecer el trazo, el relleno y las sombras paralelas de objetos
- Crear elementos repetidos
- Crear diseños en perspectiva con transformaciones 3D
- Editar objetos utilizando operaciones booleanas
- Texto y fuentes
- Componentes y estados
- Máscaras y efectos
- Maquetación
- Vídeos y animaciones de Lottie
- Prototipo
- Crear prototipos interactivos
- Animar prototipos
- Propiedades de objetos compatibles con la animación automática
- Crear prototipos con teclado y mando de juego
- Crear prototipos utilizando comandos de voz y reproducción
- Crear transiciones temporizadas
- Añadir superposiciones
- Diseñar prototipos de voz
- Crear vínculos de anclaje
- Crear hipervínculos
- Previsualizar diseños y prototipos
- Compartir, exportar y revisar
- Compartir mesas de trabajo seleccionadas
- Compartir diseños y prototipos
- Establecer permisos de acceso de vínculos
- Usar prototipos
- Revisar prototipos
- Trabajar con especificaciones de diseño
- Compartir especificaciones de diseño
- Inspeccionar especificaciones de diseño
- Controles de las especificaciones de diseño
- Revisar y comentar especificaciones de diseño
- Exportar activos de diseño
- Exportar y descargar activos de especificaciones de diseño
- Grupos compartidos para empresas
- Hacer copias de seguridad de recursos de XD o transferirlos
- Sistemas de diseño
- Documentos en la nube
- Integraciones y complementos
- Trabajar con activos externos
- Trabajar con activos de diseño de Photoshop
- Copiar y pegar activos desde Photoshop
- Importar o abrir diseños de Photoshop
- Usar activos de Illustrator en Adobe XD
- Abrir o importar diseños de Illustrator
- Copiar vectores de Illustrator en XD
- Complementos para Adobe XD
- Crear y administrar complementos
- Integración de Jira para XD
- Complemento Slack para XD
- Complemento Zoom para XD
- Publicar diseño de XD en Behance
- XD para iOS y Android
- Solución de problemas
- Problemas conocidos y resueltos
- Instalación y actualizaciones
- Inicio y cierre inesperado
- XD se cierra al iniciar la aplicación en Windows 10
- XD se cierra al cerrar sesión en Creative Cloud
- Problema con el estado de suscripción en Windows
- Aviso de aplicación bloqueada al iniciar XD en Windows
- Generación de volcados de fallos en Windows
- Recopilación y uso compartido de registros de errores
- Documentos en la nube y bibliotecas Creative Cloud
- Crear prototipos, publicar y revisar
- No se pueden grabar interacciones de prototipos en macOS Catalina
- Problemas con flujos de trabajo de publicación
- Los vínculos publicados no aparecen en los navegadores
- Los prototipos no se renderizan correctamente en los navegadores.
- El panel de comentarios aparece repentinamente en los vínculos compartidos
- No es posible publicar bibliotecas
- Importar, exportar y usar otras aplicaciones
¿Busca información sobre la alineación de activos de diseño mediante guías y cuadrículas? ¡Ha venido al lugar correcto!
¡Hola, me llamo Jeanee! Diseñadora visual que trabaja en un proyecto de diseño de UX en XD con varias mesas de trabajo y objetos.
- Está buscando recursos para diseñar y colocar rápidamente objetos mediante guías.
- Necesita ayuda para alinear y definir la estructura de objetos dentro del proyecto de diseño mediante cuadrículas.
¿Le suena familiar? Si se tiene que enfrentar a desafíos de este tipo, siga leyendo para aprender a crear y utilizar guías y cuadrículas en las mesas de trabajo.
Antes de continuar
Crear y administrar guías
Una vez colocadas las mesas de trabajo en el lienzo del diseño, se agrega un área en la parte superior e izquierda de las mesas de trabajo que permite arrastrar las guías. Puede ajustar rápidamente a los centros horizontales y verticales, copiarlos y pegarlos en varias mesas de trabajo, eliminarlos y cambiar su visibilidad.
Siga leyendo para aprender a crear y administrar guías.
Crear guías
¿Desea alinear y colocar los objetos dentro de las mesas de trabajo de arriba abajo? Utilice guías verticales. Si desea alinear y colocar objetos de izquierda a derecha, utilice guías horizontales.
Guías verticales
Para crear una guía vertical, pase el puntero sobre el borde izquierdo de la mesa de trabajo hasta que aparezca el icono 
. Haga clic y mantenga presionado el icono y arrástrelo a la posición deseada.
Guías horizontales
Para crear una guía horizontal, pase el puntero sobre el borde superior de la mesa de trabajo hasta que aparezca el icono 
. Arrastre y suelte en la posición deseada.
Copiar y pegar guías
Ahora que ha creado guías, puede utilizar la opción Copiar/Pegar guías para duplicarlas rápidamente.
Copiar guías
Para copiar guías de una mesa de trabajo, selecciónela y haga clic en Ver > Guías > Copiar guías.
Pegar guías
Para pegar las guías copiadas, haga clic en Ver o haga clic con el botón derecho en la mesa de trabajo > Guías > Pegar guías.
Eliminar guías
Puede elegir eliminar una o varias guías a la vez.
Para eliminar una guía, haga clic y arrastre la guía fuera de la mesa de trabajo.
Para eliminar varias guías de una mesa de trabajo, selecciónela y haga clic en la opción Ver haciendo clic con el botón derecho en la mesa de trabajo. Seleccione Guías > Borrar guías.
Ocultar y bloquear guías
¿Desea ocultar temporalmente las guías y activarlas cuando sea necesario? Utilice la opción Ocultar todas las guías.
También puede bloquear las guías en todas las mesas de trabajo para evitar que se muevan o ajusten accidentalmente.
Para ocultar y bloquear guías en macOS y Windows:
Ocultar guías
- Haga clic en la opción Ver > Ocultar todas las guías en la barra de menú superior. También puede utilizar Comando + ; para ocultar las guías en macOS.
- Haga clic con el botón derecho en la mesa de trabajo y seleccione Guías > Ocultar todas las guías. También puede utilizar Ctrl + ; para ocultar las guías en Windows.
Bloquear guías
- Haga clic en la opción Ver > Bloquear todas las guías en la barra de menú superior. También puede utilizar Comando + Mayús + ; para bloquear las guías en macOS.
- Haga clic con el botón derecho en la mesa de trabajo y seleccione Guías > Bloquear todas las guías. También puede utilizar Ctrl + Mayús + ; para ocultar las guías en Windows.
Ajustar para alinear objetos mediante guías inteligentes
Una vez aprendidos los conceptos básicos de cómo crear y administrar guías, puede utilizar guías inteligentes para ajustar temporalmente las guías al crear o manipular objetos o mesas de trabajo.
Las guías inteligentes están habilitadas de manera predeterminada. Al mover un objeto o una mesa de trabajo, las guías inteligentes le permiten alinear, editar y transformar objetos o mesas de trabajo en relación con los demás objetos, mesas de trabajo o ambos mediante alineación de ajustes.
Colocación de objetos mediante cuadrículas
Una vez aprendidos los conceptos básicos de las guías en XD, siga adelante y aprenda a definir la estructura de diseño y a alinear objetos dentro de la mesa de trabajo con cuadrículas de diseño o cuadradas.
Para añadir cuadrículas de diseño o cuadradas, seleccione una o varias mesas de trabajo. Vaya a la sección Cuadrícula en el Inspector de propiedades y elija Diseño o Cuadrada.
Cuadrículas de diseño
Las cuadrículas de diseño son cuadrículas de columna, útiles para alinear objetos de diseño o diseñar diferentes tamaños de pantalla. Puede ajustarlos de forma rápida y sencilla en función de sus necesidades.
Cuadrículas cuadradas
Las cuadrículas cuadradas tienen líneas horizontales y verticales para ajustar el tamaño y la alineación de los objetos con precisión al diseñar aplicaciones móviles o iconos.
Establecer preferencias de cuadrícula
Una vez agregadas las cuadrículas de diseño y cuadradas a las mesas de trabajo, puede personalizar las opciones de visualización de las cuadrículas ajustando las preferencias en la sección Cuadrícula del Inspector de propiedades. Continúe leyendo para aprender a cambiar el tamaño de la cuadrícula, el número de columnas, las propiedades del medianil y los márgenes de las cuadrículas.
En función de sus necesidades de diseño, puede cambiar el tamaño de la cuadrícula para las cuadrículas cuadradas.
El tamaño de cuadrícula es la distancia entre las líneas de cuadrícula de la cuadrícula cuadrada. Para editar el valor del tamaño de la cuadrícula, introduzca el número requerido en el campo Tamaño de cuadrado del Inspector de propiedades.
Con una cuadrícula de diseño aplicada a una mesa de trabajo, puede establecer el número de columnas, el ancho de columna, las propiedades de medianil y los tamaños de margen en la sección Cuadrícula del Inspector de propiedades.
Cambiar número de columnas
Introduzca el valor en el campo Columnas. Para diseños web, normalmente se utilizan cuadrículas de 12 o 16 columnas.
Cambiar anchura de columna y medianil
Para cambiar la anchura de las columnas, introduzca el valor en el campo Anchura de columna. Para definir su propia anchura de medianil, edite el campo predeterminado Anchura de medianil.
Ahora que ha modificado el número de columnas, la anchura del medianil y la anchura de columna, aprenderá a ajustar los márgenes de la mesa de trabajo. Los márgenes son la distancia entre la cuadrícula de diseño y el borde de la mesa de trabajo. Siga leyendo para aprender a ajustar los márgenes en todos los lados.
Cambiar el margen izquierdo o derecho vinculado
Para ajustar el margen vinculado en el lado izquierdo y derecho, haga clic en el icono 
y edite el valor.
Cambiar el margen de cada lado
Para ajustar los márgenes izquierdo, derecho, superior e inferior de forma individual, haga clic en el icono 
y, a continuación, introduzca los valores.
Más posibilidades con las cuadrículas
Ahora que ya sabe cómo establecer las preferencias para las cuadrículas, siga leyendo para aprender a añadir colores de cuadrícula y controlar su visibilidad.
Añadir colores
¿Desea modificar el aspecto de las cuadrículas? Utilice el selector de color del Inspector de propiedades para añadir y cambiar el color de la cuadrícula.
A. Campo de color B. Regulador de color C. Cuentagotas
Haga clic en la casilla situada junto a Tamaño cuadrado para cuadrículas cuadradas y Columnas para cuadrículas de diseño.
Desde el selector de color puede:
- Ajustar el color usando el campo de color y el regulador de color.
- Usar la Herramienta Cuentagotas para seleccionar un color de una mesa de trabajo.
- Establecer la opacidad del relleno utilizando el regulador de color o escribiendo un valor en porcentaje. Si establece el valor en 0, la cuadrícula de diseño cambia a la vista de contorno.
Ocultar y mostrar cuadrículas
Puede controlar la visibilidad de las cuadrículas de diseño y cuadradas mediante la opción Ocultar cuadrículas de diseño/cuadradas o Mostrar cuadrículas de diseño/cuadradas.
Ocultar cuadrícula de diseño
- Elija Ver > Ocultar cuadrícula de diseño. También puede utilizar Comando + Mayús + ' para ocultar las cuadrículas de diseño en macOS.
- En el Inspector de propiedades, seleccione un tipo de cuadrícula de la lista desplegable Cuadrícula y seleccione la casilla próxima a la lista desplegable. También puede utilizar Ctrl + Mayús + " para ocultar las cuadrículas de diseño en Windows.
Mostrar cuadrícula cuadrada
- Seleccione Ver > Mostrar cuadrícula cuadrada. También puede utilizar Comando + ' para mostrar cuadrículas cuadradas en macOS.
- En el Inspector de propiedades, seleccione un tipo de cuadrícula de la lista desplegable Cuadrícula y seleccione la casilla próxima a la lista desplegable. También puede utilizar Ctrl + " para mostrar cuadrículas cuadradas en Windows.
Vídeo: ¿Cómo puedo añadir guías y cuadrículas de diseño?
“Cuando trabaje en proyectos de diseño, introduzca guías para ayudarle a alinear los objetos o para asegurarse de que los elementos están espaciados correctamente”, afirma Howard Pinsky, promotor experto en XD.
Consejos y trucos
- Para ajustar un objeto a una cuadrícula de diseño o cuadrada, arrastre un objeto hacia la cuadrícula hasta que uno o más de los bordes del objeto estén dentro de la zona de ajuste de la cuadrícula.
- Las guías se ajustarán a los objetos seleccionados o a los objetos de nivel superior dibujados en el lienzo. Para deshabilitar el comportamiento de ajuste, presione ⌘ (en macOS) o Ctrl (en Windows).
- Para colocar la guía en incrementos de 10 píxeles en el lienzo, pulse Mayús.
- Para volver al aspecto predeterminado de cuadrícula cuadrada o de diseño, haga clic en la opción Usar predeterminado en la sección Cuadrícula del Inspector de propiedades.
¿Qué viene después?
Hemos aprendido a colocar y alinear objetos dentro de las mesas de trabajo con guías y cuadrículas. Dé un paso más y aprenda a utilizar cuadrículas de repetición para crear objetos con elementos repetitivos.
¿Tiene alguna pregunta o idea?
Adobe MAX
La conferencia de creatividad
Del 14 al 16 de octubre en Miami Beach y en línea
Adobe MAX
La conferencia de creatividad
Del 14 al 16 de octubre en Miami Beach y en línea