El Editor IA es un panel de chat dentro del Flow & Paywall Builder. Describe un cambio con tus propias palabras y Adapty reescribe, restilos o reorganiza la pantalla que estás viendo. Adapty te indica qué ha cambiado y, con un solo clic, puedes revertirlo.

Puedes ajustar el resultado a mano, seguir haciendo prompts o deshacer todos los cambios.

Cómo funciona

• Abre el editor de IA: Haz clic en el botón con el icono de destellos en el panel izquierdo.
• Un chat por pantalla: El encabezado del panel indica qué pantalla se está editando, y cada prompt se aplica solo a esa pantalla. Cambia de pantalla desde el desplegable y la vista previa se actualiza.
• Historial de prompts compartido: Cualquier miembro del equipo que abra una pantalla del flow verá los prompts que enviaste — retoma el trabajo de un compañero sin repetirlo desde cero.
• Inspírate: Abre la Prompts library y elige una categoría de prompt: Visual, Content, Layout o Products. Las ideas de prompts de esta página muestran lo que puede hacer el editor.
• Un prompt, un paso de deshacer: La IA aplica todos los cambios de un prompt a la vez, y Undo los revierte todos juntos.
• El lienzo se bloquea mientras la IA trabaja: No puedes seleccionar ni modificar elementos en la pantalla hasta que el prompt termine de procesarse. Siempre puedes interrumpir la generación.
• Ajusta prompts anteriores: Para ajustar un prompt que ya enviaste, haz clic en Retry . El editor del flow lo devuelve al campo de entrada.
• Nada se publica hasta que tú lo decidas: Tus cambios llegan a los usuarios solo después de que guardes y publiques el flow.

Trabajar con imágenes

Adjunta imágenes e indica a la IA que las use como referencia visual, o colócalas en la pantalla. Un solo mensaje puede incluir hasta 5 imágenes: archivos JPEG, PNG y WebP, de hasta 5 MB cada uno.

• Construir una pantalla a partir de una captura de pantalla: Adjunta una captura de pantalla de un paywall de referencia e indica Build a screen like this. La IA rediseña la pantalla abierta para que se parezca a ella.
• Colocar la imagen adjunta: Adjunta la imagen e indica dónde va, por ejemplo Use this as the hero image o Make this the background.
• Depurar la pantalla: Adjunta una captura de pantalla para ilustrar qué está fallando y descríbelo.

Ideas de prompts

Prueba estos prompts para ver cómo el Editor de IA puede ayudarte a iterar. Siempre puedes deshacer los cambios.

Prueba una nueva dirección visual

Prompt: Give the paywall a dark, premium feel

La IA reescribe el texto, cambia el estilo de los elementos y aplica un nuevo tema de color, todo con un solo prompt. Prueba una nueva dirección visual para tu flow y decide si conservarla o deshacerla.

Genera confianza con una sección de valoraciones y testimonios

Prompt: Add a social proof section with star rating and short testimonials

La IA añade un contenedor, una valoración de estrellas y tarjetas de testimonios encima del botón de compra — todos elementos nuevos, no un rediseño. Pide una sección que aún no esté en la pantalla y la IA la construye.

Haz que una pantalla densa sea más fácil de escanear en un solo prompt

Prompt: Shorten all the text

La IA acorta todos los elementos de texto de la pantalla a la vez conservando el significado de cada uno. Recorta una pantalla entera en un solo prompt en lugar de editar los elementos uno a uno.

Mantén el CTA en pantalla con un pie de página fijo

Prompt: Add a sticky footer with the main subscribe button

El AI crea un pie de página anclado en la parte inferior de la pantalla y mueve el botón de suscripción dentro de él. Nombra un patrón de diseño móvil y el AI lo construye por ti.

Haz que el descuento sea irresistible con un precio tachado

Prompt: Show the original price crossed out on the discounted plan

La IA encuentra el plan con oferta, tacha su precio original y muestra el precio con descuento junto a él. El mismo resultado hecho a mano requiere varios pasos.

Dirige a los usuarios hacia tu mejor plan con una sola frase

Prompt: Push users towards the yearly plan

Nombra el resultado y la IA elige los mecanismos. Preselecciona la tarjeta anual, añade un distintivo de Best Value y reescribe la etiqueta del plan para reforzar la oferta: tres cambios coordinados, aplicados todos juntos o ninguno.

Haz que el CTA domine sin elegir un color ni un tamaño

Prompt: Make the subscribe button the most prominent element

La IA aumenta el contraste del botón, incrementa su tamaño y añade espacio alrededor — sin que especifiques un solo valor. Describe el resultado que quieres y deja que la IA decida los números.

Reducir el precio anual a un coste diario

Prompt: Break down the annual plan price to a daily cost

Adapty ya calcula el precio por día de cada suscripción, y la IA lo añade debajo del precio anual. También están disponibles los precios por semana, por mes y por año.

Añadir una selección de productos con planes y precios reales

Prompt: Add a products group with real prices

Si añadiste productos en el panel Products, la IA puede generar un grupo de productos con los productos asignados, sus nombres y las variables de producto correspondientes.

Si la pantalla no tiene productos, la IA añade tarjetas de plan con precios de muestra y etiquetas. Para mostrar los precios de tu store, selecciona un producto en el desplegable de producto de cada tarjeta y luego pídele a la IA que conecte los precios.

Dar estilo a una tarjeta de plan y replicarlo en el resto

Prompt: Apply the selected state of the first card to the other cards

Dale estilo manualmente al estado seleccionado de una tarjeta de producto y luego pide a la IA que aplique ese estilo a las demás tarjetas. La IA actualiza el estado seleccionado de cada una de las otras tarjetas, así no tienes que repetir la configuración una por una.

Sigue ajustando sin empezar de cero

Prompt: Softer background, and move the trial line closer to the button

El chat recuerda la pantalla y tu último prompt, así que no hace falta repetir nada en el siguiente mensaje. Ajusta hasta que la pantalla quede como quieres — cada prompt es su propio paso de deshacer.

Qué no puede hacer el editor de IA

El Editor de IA rediseña, reescribe y reorganiza la pantalla a la que se le indica. Lo que no puede hacer:

• Editar varias pantallas a la vez: Cambia la pantalla activa y vuelve a escribir el prompt.
• Generar o obtener imágenes: La IA no puede crear imágenes ni descargarlas desde un enlace. Solo usa las imágenes que adjuntes al chat. Cuando reconstruye una pantalla a partir de una captura de pantalla, deja los espacios de imagen vacíos. El chat no acepta vídeos, así que añádelos manualmente.
• Crear variables personalizadas o lógica condicional: La IA escribe en tu texto variables de producto integradas, como el precio por día. Las variables personalizadas y las bifurcaciones las configuras tú.
• Configurar navegación y enlaces: Conecta las acciones de navegación y enlace manualmente.
• Elegir qué productos ofreces: Añade productos en el panel Products tú mismo. La IA solo genera las tarjetas de plan para los productos que aparecen allí.

Adapty puede eliminar estos límites en versiones futuras.