Guía del usuario Cancelar

Trabajar con herramientas de dibujo y texto

  1. Guía del usuario de Adobe XD
  2. Introducción
    1. Novedades de Adobe XD
    2. Preguntas habituales
    3. Diseñar, crear prototipos y compartir con Adobe XD
    4. Gestión de color
    5. Requisitos del sistema
      1. Requisitos de hardware y software
      2. Adobe XD, Big Sur y Apple Silicon | macOS 11
    6. Conceptos básicos del espacio de trabajo
    7. Cambiar el idioma de la aplicación en Adobe XD
    8. Acceder a kits de diseño de interfaz de usuario
    9. Accesibilidad en Adobe XD
    10. Métodos abreviados de teclado
    11. Consejos y trucos
  3. Diseño
    1. Mesas de trabajo, guías y capas
      1. Empezar a usar mesas de trabajo
      2. Usar guías y cuadrículas
      3. Crear mesas de trabajo con desplazamiento
      4. Trabajar con capas
      5. Crear grupos de desplazamiento
    2. Formas, objetos y trazados
      1. Seleccionar, redimensionar y rotar objetos
      2. Mover, alinear, distribuir y organizar objetos
      3. Agrupar, bloquear, duplicar, copiar y voltear objetos
      4. Establecer el trazo, el relleno y las sombras paralelas de objetos
      5. Crear elementos repetidos
      6. Crear diseños en perspectiva con transformaciones 3D
      7. Editar objetos utilizando operaciones booleanas
    3. Texto y fuentes
      1. Trabajar con herramientas de dibujo y texto
      2. Fuentes en Adobe XD
    4. Componentes y estados
      1. Trabajar con componentes
      2. Trabajar con componentes anidados
      3. Añadir varios estados a componentes
    5. Máscaras y efectos
      1. Crear una máscara con formas
      2. Usar efectos de desenfoque
      3. Crear y modificar degradados
      4. Aplicar efectos de mezclas
    6. Maquetación
      1. Redimensionado interactivo y restricciones
      2. Establecer relleno fijo para componentes y grupos
      3. Crear diseños dinámicos con pilas
    7. Vídeos y animaciones de Lottie
      1. Cómo usar los vídeos
      2. Crear prototipos mediante vídeos
      3. Usar animaciones de Lottie
  4. Prototipo
    1. Crear prototipos interactivos
    2. Animar prototipos
    3. Propiedades de objetos compatibles con la animación automática
    4. Crear prototipos con teclado y mando de juego
    5. Crear prototipos utilizando comandos de voz y reproducción
    6. Crear transiciones temporizadas
    7. Añadir superposiciones
    8. Diseñar prototipos de voz
    9. Crear vínculos de anclaje
    10. Crear hipervínculos
    11. Previsualizar diseños y prototipos
  5. Compartir, exportar y revisar
    1. Compartir mesas de trabajo seleccionadas
    2. Compartir diseños y prototipos
    3. Establecer permisos de acceso de vínculos
    4. Usar prototipos
    5. Revisar prototipos
    6. Trabajar con especificaciones de diseño
    7. Compartir especificaciones de diseño
    8. Inspeccionar especificaciones de diseño
    9. Controles de las especificaciones de diseño
    10. Revisar y comentar especificaciones de diseño
    11. Exportar activos de diseño
    12. Exportar y descargar activos de especificaciones de diseño
    13. Grupos compartidos para empresas
    14. Hacer copias de seguridad de recursos de XD o transferirlos
  6. Sistemas de diseño
    1. Sistemas de diseño con Bibliotecas Creative Cloud
    2. Trabajar con activos de documentos en Adobe XD
    3. Trabajar con Bibliotecas Creative Cloud en Adobe XD
    4. Migrar activos vinculados a Bibliotecas Creative Cloud
    5. Trabajar con tokens de diseño 
    6. Usar activos de Bibliotecas Creative Cloud
  7. Documentos en la nube
    1. Documentos en la nube en Adobe XD
    2. Colaborar y coeditar diseños
    3. Coeditar documentos que compartan con usted
  8. Integraciones y complementos
    1. Trabajar con activos externos
    2. Trabajar con activos de diseño de Photoshop
    3. Copiar y pegar activos desde Photoshop
    4. Importar o abrir diseños de Photoshop
    5. Usar activos de Illustrator en Adobe XD
    6. Abrir o importar diseños de Illustrator
    7. Copiar vectores de Illustrator en XD
    8. Complementos para Adobe XD
    9. Crear y administrar complementos
    10. Integración de Jira para XD
    11. Complemento Slack para XD
    12. Complemento Zoom para XD
    13. Publicar diseño de XD en Behance
  9. XD para iOS y Android
    1. Vista previa en dispositivos móviles
    2. Preguntas frecuentes de Adobe XD para dispositivos móviles
  10. Solución de problemas
    1. Problemas conocidos y resueltos
      1. Problemas conocidos
      2. Problemas resueltos
    2. Instalación y actualizaciones
      1. XD aparece como incompatible en Windows
      2. Código de error 191
      3. Código de error 183
      4. Problemas al instalar complementos de XD
      5.  Solicitud para desinstalar y volver a instalar XD en Windows 10
      6. Problemas con la migración de preferencias
    3. Inicio y cierre inesperado
      1.  XD se cierra al iniciar la aplicación en Windows 10
      2.  XD se cierra al cerrar sesión en Creative Cloud
      3. Problema con el estado de suscripción en Windows
      4. Aviso de aplicación bloqueada al iniciar XD en Windows
      5. Generación de volcados de fallos en Windows
      6. Recopilación y uso compartido de registros de errores
    4. Documentos en la nube y bibliotecas Creative Cloud
      1. Problemas con documentos en la nube de XD
      2. Problemas con componentes vinculados
      3. Problemas con bibliotecas y enlaces
    5. Crear prototipos, publicar y revisar
      1. No se pueden grabar interacciones de prototipos en macOS Catalina
      2. Problemas con flujos de trabajo de publicación
      3. Los vínculos publicados no aparecen en los navegadores
      4. Los prototipos no se renderizan correctamente en los navegadores.
      5. El panel de comentarios aparece repentinamente en los vínculos compartidos
      6. No es posible publicar bibliotecas
    6. Importar, exportar y usar otras aplicaciones
      1. Importar y exportar en XD
      2. Archivos de Photoshop en XD
      3. Archivos de Illustrator en XD
      4. Exportar a After Effects desde XD
      5. Archivos de Sketch en XD
      6. Aplicaciones de terceros que no aparecen en Exportar

Aprenda a crear gráficos con las herramientas de forma y la herramienta Pluma de Adobe XD.

Herramientas de dibujo

Puede dibujar rápidamente iconos y gráficos simples en Adobe XD utilizando las herramientas de dibujo de la barra de herramientas izquierda: herramientas de rectángulo, elipse, polígono, línea y pluma. La herramienta de selección le ayuda a seleccionar líneas, formas u objetos específicos para editarlos.

Luego puede combinar estas formas de diferentes maneras para crear formas y objetos compuestos, o enmascarar partes de la forma. Para obtener más información sobre técnicas de combinación y enmascaramiento, consulte Editar objetos usando operaciones booleanas y técnicas de enmascaramiento.

Dibujar rectángulos y cuadrados

  1. Seleccione la herramienta Rectángulo .

  2. Realice una de las siguientes acciones:

    • Para dibujar un rectángulo, arrastre en diagonal hasta que el rectángulo alcance el tamaño deseado.
    • Para dibujar un cuadrado, mantenga pulsada la tecla Mayús mientras arrastra en diagonal hasta que el cuadrado alcance el tamaño deseado.
  3. Para dibujar un rectángulo redondeado, dibuje un rectángulo y luego haga clic en él para ver los controles de edición del radio. Haga clic en cualquier controlador y arrastre hacia el centro del rectángulo. También puede usar el Inspector de propiedades para introducir un valor específico del radio de uno o más vértices.

    Dibujar rectángulos y cuadrados redondeados
    Dibujar rectángulos y cuadrados redondeados

  4. Para personalizar más su cuadrado o rectángulo, puede editar los radios de los vértices.

    • Para ajustar el radio de un solo vértice, realice una de las siguientes acciones:
      • Mantenga presionada la tecla Opción (Mac) o la tecla Alt (Win), haga clic en el controlador del vértice y arrastre el ratón.
      • Edite cada valor de radio de vértice individualmente, después de seleccionar en el Inspector de propiedades.
    • Para ajustar el radio de todos los vértices simultáneamente, realice una de las siguientes acciones:
      • Haga clic en un radio de vértice y arrastre el ratón. 
      • Edite el valor del radio después de seleccionar  en el Inspector de propiedades.
    Ajuste de los vértices uno a uno
    Ajuste de los vértices uno a uno

    Ajuste simultáneo de los cuatro vértices
    Ajuste simultáneo de los cuatro vértices

Dibujar elipses y círculos

  1. Seleccione la herramienta Elipse .

  2. Realice una de las siguientes acciones:

    • Arrastre en diagonal hasta que la elipse tenga el tamaño deseado.
    • Para crear un círculo, mantenga pulsada la tecla Mayús al arrastrar.
    Mantenga presionada la tecla Mayús y arrastre para redimensionar el círculo.

Dibujar polígonos

La herramienta Polígono ayuda a crear una gama de nuevas formas como triángulos, rombos, pentágonos, estrellas y corazones.

Herramienta Polígono
Herramienta Polígono

  1. Para comenzar a dibujar un polígono, haga clic en “Y” en el teclado, o seleccione el icono de triángulo de la Barra de herramientas.

  2. En la mesa de trabajo o el lienzo, haga clic y arrastre para dibujar la forma con el tamaño deseado. Verá que la forma predeterminada es un triángulo.

    • Mantenga presionada la tecla Mayús mientras dibuja para crear una forma equilátera.
    • Use los cursores de izquierda y derecha mientras dibuja para cambiar el polígono a una forma de estrella.
    • Use las flechas hacia arriba y hacia abajo del teclado mientras dibuja para aumentar o disminuir el número de lados del polígono.
  3. Después de crear la forma, puede cambiar el número de lados del polígono desde el Inspector de propiedades. Seleccione la forma, haga clic en el campo Número de lados del Inspector de propiedades y escriba el número de lados deseado.

    Propiedades de polígono
    Propiedades de polígono

    A. Número de lados B. Radio de vértice C. Relación de estrellas 

  4. Para crear una forma de estrella con la herramienta Polígono, comience dibujando un polígono en la mesa de trabajo.  Luego, haga clic en el controlador de Relación de estrellas en la esquina superior derecha del polígono y arrastre hacia el radio. También puede ajustar la relación de estrellas haciendo clic en el campo Relación de estrellas () en el Inspector de propiedades. La relación puede ser un valor entre 1 y 100. Use el campo Cantidad de esquinas para definir el número de lados que desea que tenga el polígono. Puede dibujar un polígono en estrella a partir de un triángulo normal y aumentar el número de lados hasta 100.

    • Mantenga presionada la tecla Mayús mientras arrastra el controlador Relación de estrellas para cambiarlo en incrementos del 10 %. Alternativamente, coloque el cursor en el campo Relación de estrellas y presione los cursores hacia arriba y abajo para controlar el tamaño de la relación.
    Propiedades de polígono

  5. Para crear una forma de corazón, dibuje un polígono en la mesa de trabajo. A continuación, haga clic en el campo Recuento de esquinas ()
    en el Inspector de propiedades y escriba <3

  6. Para cambiar el Radio de vértice del polígono, haga clic y arrastre el controlador decorativo del vértice de la esquina superior de la forma, o haga clic en el campo Radio de vértice del Inspector de propiedades e introduzca el valor deseado.

     Cada forma tiene un controlador decorativo de vértice. No se puede cambiar el radio de vértice de cada lado de la forma.

  7. Elija las propiedades de forma (Color de relleno, Grosor de borde y Color, Sombra interna, Sombra paralela y Desenfoque de fondo) del polígono. Estas propiedades se conservan al cambiar el número de lados de la forma.

  8. Haga doble clic en un polígono para ver todos los puntos de ancla de la forma. Puede crear nuevos puntos de ancla haciendo clic en cualquier lugar del trazado de la forma. 

     Al crear o editar puntos de ancla de una forma, esta se convertirá en un trazado, perdiendo así sus atributos de polígono.

Dibujar líneas

  1. Seleccione la herramienta Línea .

  2. Sitúe el puntero donde desee que comience la línea y arrástrelo hasta donde desee que termine.

    Dibuje líneas usando la herramienta Línea.
    Dibuje líneas usando la herramienta Línea.

Dibujar con la herramienta Pluma

El tipo de trazado más sencillo que se puede dibujar con la herramienta Pluma es una línea recta, que se crea haciendo clic en la herramienta Pluma para crear dos puntos de ancla. Al ir haciendo clic, se crea un trazado compuesto por segmentos rectilíneos conectados por puntos de vértice.

  1. Seleccione la herramienta Pluma .

  2. Sitúe la herramienta Pluma donde desee que empiece el segmento recto y haga clic para definir el primer punto de ancla.

  3. Haga clic de nuevo donde desee que termine el segmento (pulse Mayús y haga clic para restringir el ángulo del segmento a un múltiplo de 45°).

  4. Continúe haciendo clic para definir puntos de ancla de más segmentos rectilíneos.

     Para convertir un punto de ancla de rectilíneo a curvo y lo contrario, haga doble clic en el punto de ancla.

    El último punto de ancla añadido aparece siempre como un círculo sólido, lo que indica que está seleccionado. Los puntos de ancla definidos anteriormente se convierten en huecos y sin seleccionar, a medida que añade más puntos de ancla.

  5. Complete el trazado llevando a cabo uno de los procedimientos siguientes:

    • Para dejar el trazado abierto, haga clic en Esc.
    • Para cerrar el trazado, coloque la herramienta Pluma sobre el primer punto de ancla (hueco). Haga clic o arrastre para cerrar el trazado.
    • Para seleccionar y arrastrar el punto de inicio sin cerrar el trazado, mantenga pulsada la tecla Cmd/Ctrl.
    Dibuje líneas rectas usando la herramienta de pluma.

Dibujar curvas

Puede crear una curva añadiendo un punto de ancla donde la curva cambie de dirección y arrastrando las líneas de dirección que formen la curva. La longitud y la pendiente de las líneas de dirección determinan la forma de la curva.

Las curvas son fáciles de modificar y se pueden visualizar e imprimir más rápido si se las dibuja utilizando los menos puntos de ancla posibles. Usar demasiados puntos puede también introducir protuberancias no deseadas en una curva. En su lugar, dibuje puntos de ancla bien espaciados y practique la formación de curvas ajustando la longitud y los ángulos de las líneas de dirección.

  1. Seleccione la herramienta Pluma .

  2. Sitúe la herramienta Pluma donde desee que empiece la curva y mantenga pulsado el botón del ratón.

  3. Arrastre para definir la inclinación del segmento curvo que está creando y suelte el botón del ratón.

     Mantenga pulsada la tecla Mayús mientras arrastra para restringir la herramienta a múltiplos de 15°.

  4. Sitúe la herramienta Pluma donde desee que termine el segmento curvo y, a continuación, lleve a cabo uno de los procedimientos siguientes:

    • Para crear una curva en forma de "C", arrastre en dirección opuesta a la línea de dirección anterior. Suelte el botón del ratón.
    • Para crear una curva en forma de "S", arrastre en la misma dirección que la línea de dirección anterior. Suelte el botón del ratón.
    Dibujo de curvas usando la herramienta Pluma
    Dibujo de curvas usando la herramienta Pluma

  5. Para crear una serie de curvas suaves, continúe arrastrando la herramienta Pluma desde diferentes posiciones.

     También puede arrastrar las líneas de dirección para modificar las líneas de dirección de un punto de ancla.

  6. Complete el trazado llevando a cabo uno de los procedimientos siguientes:

    • Para cerrar el trazado, coloque la herramienta Pluma sobre el primer punto de ancla (hueco). Haga clic o arrastre para cerrar el trazado.
    • Para dejar el trazado abierto, presione Esc.

Dibujar líneas rectas seguidas de curvas

  1. Con la herramienta Pluma (), haga clic en los puntos de vértice de dos ubicaciones para crear un segmento rectilíneo.

  2. Coloque la herramienta Pluma sobre el punto final seleccionado. Para definir la pendiente del segmento curvo que creará a continuación, haga clic en el punto de ancla y arrastre la línea de dirección que aparecerá.

  3. Sitúe la pluma donde desee ubicar el siguiente punto de ancla y, a continuación, haga clic (y arrastre, si lo desea) el nuevo punto de ancla para completar la curva.

Dibujar curvas seguidas de líneas rectas

  1. Con la herramienta Pluma (), arrastre para crear el primer punto de suavizado del segmento curvo y suelte el botón del ratón.

  2. Vuelva a colocar la herramienta Pluma donde desea que termine el segmento curvo, arrastre para completar la curva y suelte el botón del ratón.

  3. Coloque la herramienta Pluma sobre el punto final seleccionado.

  4. Sitúe la herramienta Pluma donde desee que termine el segmento recto y haga clic para completar el segmento.

    Dibujar curvas seguidas de líneas rectas
    Dibujar curvas seguidas de líneas rectas

Dibujar dos segmentos curvos conectados por un vértice

  1. Con la herramienta Pluma (), arrastre para crear el primer punto de suavizado de un segmento curvo.

  2. Para crear una curva con un segundo punto de suavizado, vuelva a situar la herramienta Pluma y arrastre.

  3. Vuelva a situar la herramienta Pluma donde desee que acabe el segundo segmento curvo y arrastre un nuevo punto de suavizado para finalizarlo.

Modo de dibujo frente a modo de edición

Para alternar entre el modo de dibujo y el modo de edición, presione la tecla Esc.

También puede entrar en el 'modo de edición de trazado' haciendo doble clic en la forma o el trazado. En este modo son visibles los puntos de ancla de la forma, pero al mover el ratón no se dibuja nada. Puede manipular los puntos de ancla/control existentes o insertar nuevos puntos de ancla en segmentos existentes del trazado.

Al dibujar con la herramienta pluma, puede realizar todas las ediciones descritas anteriormente, además de dibujar nuevos segmentos.

Prolongar trazados existentes

Al seleccionar la herramienta pluma, todos los trazados de la mesa de trabajo que queden debajo del cursor muestran controladores sobre sus puntos inicial y final. Para continuar dibujando el trazado desde ese punto, haga clic en uno de los controladores.

La prolongación de un trazado cerrado vuelve a abrirlo y luego la herramienta pluma entra en modo de dibujo para el trazado en cuestión.

Seleccionar puntos de ancla

Haga doble clic en el dibujo para ver los puntos de ancla. A continuación, puede hacer clic en un punto de ancla para seleccionarlo. Para seleccionar varios puntos de ancla, mantenga presionada la tecla Mayús y seleccione los puntos de ancla, o seleccione mediante marco los puntos de ancla con la herramienta Selección.

Retoque los puntos de ancla seleccionados con el teclado, arrástrelos con el ratón o edite sus propiedades (coordenadas x e y) en el Inspector de propiedades.

Deshabilitar líneas de ajuste de puntos de ancla

Al colocar un nuevo punto de ancla o arrastrar uno existente, aparecen líneas de ajuste cuando un anclaje está, vertical u horizontalmente, cerca de otro punto de ancla. Mantenga pulsada la tecla Cmd/Ctrl para deshabilitar el ajuste de puntos de ancla.

Añadir y editar puntos de ancla

Haga doble clic en el dibujo para seleccionarlo y ver los puntos de ancla existentes. Haga clic en el trazado para añadir nuevos puntos de ancla en la posición del cursor.

Adición y eliminación de puntos de ancla
Adición y eliminación de puntos de ancla

Eliminar puntos de ancla

Seleccione los puntos de ancla y luego presione Eliminar.

Métodos abreviados de dibujo

Herramienta Dibujar

Método abreviado de teclado en macOS

Método abreviado de teclado en Windows

Seleccionar

V

V

Rectángulo

R

R

Elipse

E

E

Polígono

Y

Y

Línea

L

L

Pluma

P

P

Zoom

Entrar en modo de aumentar: Z

  • 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

Para activar temporalmente las funciones de aumentar y reducir:

  • Presione Barra espaciadora + Cmd y haga clic o seleccione mediante marco un área de la mesa de trabajo a aumentar.
  • Espacio+Cmd+Opción para alejar el zoom

Entrar en modo de aumentar: Z

  • 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: Alt + Clic

Para activar temporalmente la función de aumentar:

  • Presione Barra espaciadora + Ctrl y haga clic o seleccione mediante marco un área de la mesa de trabajo a aumentar.

Zoom a la selección

⌘3

Ctrl + 3

Medir distancias

Mida las distancias entre un objeto y la mesa de trabajo, o entre un objeto y otros objetos circundantes, haciendo clic en el objeto y presionando la tecla Opción en Mac, o la tecla Alt en Windows.

 Si el objeto seleccionado no es un cuadrado ni un rectángulo, entonces XD dibujará un cuadro delimitador alrededor del objeto. A continuación, aparecerán las mediciones de los límites del cuadro delimitador.

Cómo medir la distancia de un objeto desde los bordes de la mesa de trabajo:

Simplemente haga clic en el objeto y presione la tecla Opción (en Mac), o la tecla Alt (en Windows).

Adobe XD mide las distancias y muestra las mediciones mientras mantenga presionada la tecla Opción o la tecla Alt.

Medición de la distancia entre un objeto y el borde de la mesa de trabajo
Medición de la distancia entre un objeto y el borde de la mesa de trabajo

Cómo medir la distancia de un objeto a otros objetos de la mesa de trabajo:

Haga clic en el objeto, presione la tecla Opción (en Mac), o la tecla Alt (en Windows) y posicione el cursor del ratón sobre otros objetos.

Adobe XD mide las distancias entre los límites más cercanos de ambos objetos y muestra las mediciones mientras mantenga presionada la tecla Opción o la tecla Alt.

Medición de la distancia entre dos objetos
Medición de la distancia entre dos objetos

Herramientas de texto

Introducir texto en un punto

Haga clic en la herramienta texto y luego en el lugar donde desee que comience el texto. Escriba el texto y presione Esc para confirmar los cambios de texto, o Retorno para pasar a la siguiente línea.

Cuando escriba texto seleccionando un punto en el lienzo, obtendrá una línea horizontal de texto que comienza donde haga clic y se expande a medida que va introduciendo caracteres. Cada línea de texto es independiente: la línea se amplía o se reduce al editarla, pero no continúa por la línea siguiente. Este método de introducción de texto es útil para añadir unas pocas palabras a la ilustración.

Introducir texto en un punto.

Puede escribir texto sobre otros objetos y organizar el texto para que aparezca en la parte delantera utilizando las opciones Objeto > Organizar.

Introducir texto en un área

Haga clic en la herramienta Texto, haga clic en la ubicación donde desee que aparezca el texto en el lienzo y arrastre para definir el área de texto. Luego, haga clic dentro del área para comenzar a escribir texto.

Al definir un área de texto, los límites de los objetos controlan el flujo de los caracteres, ya sea horizontal o verticalmente. Cuando el texto llega a uno de los límites, se ajusta automáticamente a la forma del área definida. Este método de introducción de texto es útil si desea crear uno o varios párrafos, como para un folleto.

Haga clic en la herramienta Texto y comience a escribir texto.

Revisión ortográfica

Desde el menú Editar, seleccione Activar el corrector ortográfico. La función de revisión ortográfica funciona solo con el texto incorrecto del contenedor de texto. Las palabras mal escritas aparecen subrayadas en rojo y las palabras corregidas automáticamente lo están en azul. Los errores gramaticales se resaltan con subrayado verde.

Activar la opción de revisión de ortografía y gramática
Activar la opción de revisión de ortografía y gramática

Haga clic con el botón derecho en la palabra mal escrita y seleccione la ortografía correcta para el contexto en la lista de sugerencias.

Seleccionar la palabra escrita correctamente
Seleccionar la palabra escrita correctamente

Para revertir la ortografía corregida automáticamente a la palabra inicialmente introducida, presione Cmd + Z en Mac OS y Ctrl + Z en el sistema operativo Windows.

Deshacer la corrección automática
Deshacer la corrección automática

Aprendizaje ortográfico
Aprendizaje ortográfico

Importar texto desde archivos de texto

Puede incluir fácilmente texto escrito previamente en su mesa de trabajo, usando uno de los siguientes métodos:

  • Arrastre un archivo de texto a la mesa de trabajo.

Puede incluir fácilmente texto escrito previamente en el diseño, simplemente arrastrando un archivo de texto sin formato a la mesa de trabajo. Esta acción crea un área de texto en la mesa de trabajo con el contenido del archivo de texto.          

  • Arrastre un archivo de texto a una cuadrícula de repetición.

También puede arrastrar un archivo de texto (con nuevas líneas) y arrastrar ese archivo a un componente de texto de una cuadrícula de repetición. Todos los elementos de texto se rellenan con el texto de ese archivo.

Para obtener más información, consulte Arrastrar un archivo de texto separado por retornos a un objeto de texto de una cuadrícula de repetición.

  • Copie y pegue el texto en la mesa de trabajo.

También puede copiar y pegar texto en la mesa de trabajo al crear un elemento de texto de área que puede mover y editar fácilmente en Adobe XD.

Opciones de cambio de tamaño del texto

XD proporciona tres opciones de cambio de tamaño de texto que le permiten ampliar la anchura del cuadro de texto para ajustar el contenido en una sola línea, ajustar dinámicamente la altura del cuadro de texto y controlar la anchura y la altura del área de texto.

En función de las necesidades de diseño, seleccione un objeto de texto y elija entre las opciones Anchura automática, Altura automáticaTamaño fijo en el Inspector de propiedades.

Cambio entre texto de punto y área
Opciones de cambio de tamaño del texto

Anchura automática

Al añadir texto dentro de marcos, imágenes y objetos, puede ampliar la anchura del cuadro de texto hasta el máximo y ajustar el texto dentro de una sola línea.

Para habilitar Anchura automática, seleccione el icono  en el Inspector de propiedades.

Anchura automática

Altura automática

Al diseñar una aplicación con una gran cantidad de texto o al crear diseños interactivos en combinación con pilas, puede ajustar dinámicamente la altura del texto del área sin cambiar su ancho.

Texto de altura automática permite que el texto del área ajuste su altura automáticamente para ajustarse al contenido. Al dibujar un texto de área, esta opción está activada de forma predeterminada. 

Texto de altura automática

Para habilitar manualmente el texto de altura automática, puede hacer doble clic con el botón en el controlador de cambio de tamaño vertical o seleccionar el icono  en el Inspector de propiedades.

Tamaño fijo

Al agregar texto dentro de los diseños, como folletos o sitios web, es posible que desee agregar uno o varios párrafos y controlar la anchura y la altura del área de texto. Tamaño fijo le permite ajustar el texto para que se ajuste dentro del cuadro de texto y recortarlo automáticamente cuando supere la altura. 

Para habilitar Tamaño fijo, seleccione el icono  en el Inspector de propiedades. Haga clic y arrastre los controladores de cambio de tamaño en todos los lados para cambiar el tamaño del texto del área. Cuando el texto dentro de un área de texto no cabe, XD lo indica con un controlador de cambio de tamaño inferior rojo.

Haga doble clic en el controlador de cambio de tamaño inferior del cuadro de texto para cambiar rápidamente el tamaño del área de texto para que quepa el contenido.

controlador de cambio de tamaño

Formatear texto

Haga clic en el texto y luego especifique el tipo, el tamaño de fuente y la alineación del texto, usando el Inspector de propiedades.

También puede seleccionar palabras o caracteres individuales de un bloque de texto y formatear solo esas secciones.

Formatear el objeto de texto completo o secciones individuales de texto
Formatear el objeto de texto completo o secciones individuales de texto

Cambiar el espaciado entre caracteres, líneas y párrafos

Para cambiar el espaciado entre caracteres, haga clic en el objeto de texto y especifique el espaciado entre caracteres usando la opción Espaciado entre caracteres del Inspector de propiedades.

Para cambiar el espaciado entre caracteres para un subconjunto de texto, seleccione el texto y modifique el espaciado entre caracteres en milésimas usando el Inspector de propiedades.

Cambio del espaciado entre caracteres y líneas del texto en objetos de texto
Cambio del espaciado entre caracteres y líneas del texto en objetos de texto

Para cambiar el espaciado entre líneas, haga clic en el área de texto y especifique el espaciado entre líneas usando la opción Espaciado entre líneas del Inspector de propiedades.

Para restablecer la altura de línea al valor predeterminado, introduzca 0 en la opción Espaciado entre líneas del Inspector de propiedades.

De forma similar a Photoshop e InDesign, Adobe XD le permite cambiar el espaciado antes y después de los párrafos de dentro del mismo elemento de texto.

Para cambiar el espacio entre párrafos, seleccione un párrafo y haga clic en el icono de párrafo del panel Formato. Cambie el valor del espaciado según se requiera.

 

Transformaciones de texto

Para aplicar las transformaciones de texto, seleccione el texto que desee cambiar. En el Inspector de propiedades, seleccione cualquiera de las siguientes opciones:

  • Icono Mayúsculas (TT) para poner el texto en mayúsculas.
  • Icono Minúsculas (tt) para poner el texto en minúsculas.
  • Icono de letra de Título (Tt) para poner el texto con letra de título.
  • Icono Texto en superíndice para poner el texto en superíndice.
  • Icono Texto en subíndice para poner el texto en subíndice.
Transformaciones de texto
Transformaciones de texto

Subrayar texto

Para subrayar texto, haga clic en el área de texto y luego haga clic en el icono Subrayar del Inspector de propiedades. XD dibuja un suave subrayado suave que se interrumpe en las jambas del texto (creando una línea más estética).

Tachado de texto

Para tachar texto, seleccione el área de texto desde el Inspector de propiedades y haga clic en el icono Tachar. Se dibujará una línea delgada justo en el centro del texto, haciendo que aparezca como si se hubiera tachado.

Cambios de estilo global

Para realizar cambios de estilo globales fácilmente, aplique la transformación de texto o el tachado a Estilos de carácter.

En el Panel Contenidos, guarde un estilo que use en el documento como estilo de carácter. Luego, haga clic con el botón derecho en el estilo de carácter y seleccione la opción Editar del menú desplegable. Elija una de las opciones de mayúsculas, minúsculas, letra de título o tachado, y el texto que use ese estilo de carácter cambiará por todo el documento. 

Crear diseños de precisión con cálculos matemáticos

Use el cálculo matemático para crear diseños con mayor precisión, mover los objetos a una nueva ubicación o modificar la anchura y la altura.

Seleccione uno o más objetos. En el Inspector de propiedades, puede realizar operaciones matemáticas simples en cualquier casilla que acepte valores numéricos. Adobe XD admite las operaciones matemáticas con signos +, -./, * para calcular los cambios.

Por ejemplo, si desea mover el objeto seleccionado 3 unidades hacia la derecha usando las unidades de medición actuales, introduzca +3 después del valor actual.


En el cuadro de texto del Inspector de propiedades que acepte valores numéricos, lleve a cabo uno de los procedimientos siguientes:

  •   Para reemplazar todo el valor actual con una expresión matemática, seleccione todo el valor actual.
  •   Para utilizar el valor actual como parte de una expresión matemática, haga clic antes o después del valor actual.

 

 Adobe XD solo puede realizar una operación a la vez. Es decir, puede manejar “4in+2p”, pero no puede manejar “4in+2p-1p” porque se consideran dos operaciones diferentes.

Vídeo: ¿Cómo se usa el texto de altura automática?

“El contenedor de texto de altura ajusta la altura automáticamente en función de la cantidad de texto que haya dentro. Además, funciona muy bien con herramientas de diseño basadas en contenido, como pilas y rellenos” - Dani Beaumont, directora principal de productos de Adobe XD.

Vea este vídeo para saber cómo usar el texto de altura automática.

Duración: 3 minutos.

 Adobe

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

¿Nuevo usuario?