Agrega títulos, párrafos o listas con un solo clic, dales estilo para que combinen con tu marca y usa variables dinámicas para personalizar el contenido para cada usuario.

Configurar estilos de texto

El panel Styles incluye estilos de texto preconfigurados: H1, H2, H3, Button Label, Body, Caption y Small Label. Haz clic en cualquier estilo para editar su familia tipográfica, peso, tamaño, alineación, decoración y otras propiedades.

Cuando añadas un elemento de texto, podrás elegir entre los estilos que hayas configurado aquí.

Para crear un nuevo estilo:

1. Haz clic en para abrir el panel Styles.
2. En la pestaña Text, haz clic en Create style.

3. Escribe un nombre y configura la tipografía: familia de fuente, peso, alineación y otras propiedades.

   Las fuentes personalizadas se comportan de forma diferente a las fuentes integradas. Lee la guía: algunos controles no aplican y cada variante de fuente necesita su propio archivo.

   

4. Haz clic en Create.

Añadir texto

Para añadir un elemento de texto:

1. Haz clic en + en la parte superior izquierda. Selecciona Text. Elige uno de los estilos de texto preconfigurados o definidos por ti.

2. Haz clic en el nuevo elemento y edita su contenido en la sección Content del panel Design de la derecha.
3. Si lo necesitas, ajusta las propiedades tipográficas en el panel Design. O selecciona el texto en la vista previa para abrir un tooltip con opciones de estilo rápido.
4. Opcionalmente, en los paneles Design e Interaction, también puedes aplicar cualquier otra configuración disponible para los componentes del flow. Para más detalles, consulta Aplicar estilos a los elementos.

Cambiar el estilo de partes del texto

Para cambiar el estilo solo en algunas partes de un elemento de texto:

1. Selecciona una parte de un elemento de texto en la sección Content.
2. En el tooltip que aparece, cambia el color del texto, aplica formato de negrita, subrayado, cursiva o tachado, o añade una URL.

La vista previa se actualiza de inmediato.

Propiedades de tipografía

Todos los elementos de texto y estilos de texto comparten el mismo conjunto de controles tipográficos:

• Font family: Elige un tipo de letra — una fuente integrada o una fuente personalizada.

  Los diferentes dispositivos incluyen distintas fuentes, o pueden renderizar la misma fuente de manera diferente. Si la fuente no está presente en el dispositivo, el sistema usará una fuente predeterminada (SF Pro / Roboto). Para mostrar la misma fuente de forma consistente en todos los dispositivos, sube una fuente personalizada.

• Weight: Establece el grosor de la fuente.

• Size: Establece el tamaño de fuente en píxeles.
• Color: Establece el color del texto.
• Line height: Establece el espaciado entre líneas o déjalo en Auto.
• Alignment: Establece la alineación horizontal (izquierda, centro, derecha) y vertical (arriba, centro, abajo).
• Decoration: Aplica subrayado o tachado.
• Truncate: Limita el número de líneas que se muestran. El texto que supera ese límite se trunca. Útil cuando la longitud del contenido varía debido a variables dinámicas o localización.

Añadir enlaces

Los flows admiten dos formas de convertir texto en enlaces clicables. Elige según el papel que desempeña el texto:

• Enlace en línea — para una URL dentro de texto continuo, como una referencia “Más información” incrustada en un párrafo. Siempre se abre en el navegador integrado de la app.
• una acción Open URL — para elementos de toque independientes, como un botón de Términos de Servicio. Puede abrirse en el navegador integrado o en el navegador externo.

Enlace en línea

Para convertir parte de un elemento de texto en un enlace:

1. Selecciona el texto en la sección Content.
2. En el tooltip de formato, haz clic en el icono de enlace.
3. Pega la URL de destino en la ventana emergente.

Acción Abrir URL

Para convertir un botón entero en un enlace:

1. Añade un Button — o usa el preset Links, una fila predefinida con los botones Restore / Terms of Service / Privacy Policy.

   

2. Selecciona el botón en el panel Layers y abre la pestaña Interactions en el panel derecho.

3. Establece el destino para la acción Open URL.

   Una acción Open URL vacía bloquea la vista previa y la publicación.

   
   

Añadir texto condicional

El texto condicional cambia lo que muestra un elemento de texto según una condición. Por ejemplo, un encabezado puede mostrar un mensaje cuando el usuario selecciona el plan anual y otro diferente para el plan mensual. El texto condicional funciona como la visibilidad condicional, pero en lugar de mostrar u ocultar el elemento, cambia su contenido.

Para configurar el texto condicional:

1. Selecciona un elemento de texto en el lienzo.
2. En el panel Design, en la sección Content, selecciona Conditional.

3. Construye la condición if. Elige una propiedad de la pestaña Custom, Products o Elements, establece el operador e introduce el valor a comparar. Para más detalles sobre los tipos de propiedades, consulta Visibilidad condicional.
4. En then, introduce el texto que se mostrará cuando la condición sea verdadera. El formato de texto enriquecido funciona igual que para el texto normal. Para insertar una variable, haz clic en { } Add variable.
5. En else, introduce el texto de respaldo que se mostrará cuando ninguna condición coincida.
6. (Opcional) Haz clic en + Add else/if para añadir más condiciones, cada una con su propio texto.

Añadir listas

1. Haz clic en + en la parte superior izquierda. Selecciona List y elige una de las plantillas de lista.

2. Ve al panel Design de la derecha para editar los ítems de la lista o subir una imagen como marcador de ítem.