Cómo funciona Ridvay de verdad (del prompt al diseño editable)

Escribe esto en Ridvay: “Cartel para una noche de micrófono abierto semanal, los jueves a las 8 p. m., entrada gratis, estilo audaz y moderno.”

Unos veinte segundos después tienes un cartel. Un titular enorme que dice OPEN MIC, la fecha debajo, un panel con foto, el nombre del local en la esquina. Esa parte no sorprende: hay muchísimas herramientas que convierten una frase en una imagen.

Lo que sí sorprende es esto: haz clic sobre la palabra OPEN y aparece un cursor de texto. No un recuadro de selección alrededor de una zona de píxeles. Un cursor, dentro de una capa de texto, con un nombre de fuente, un grosor y un color esperando en el panel de la derecha. Cambias la tipografía y no se regenera nada. La foto no se mueve. El resto del cartel no se redibuja en silencio hasta convertirse en algo que nunca pediste.

Esa diferencia es el producto entero, y casi nadie que prueba Ridvay por primera vez se da cuenta de que está ahí. Así que esto es lo que ocurre de verdad entre tu frase y tu cartel.

El modelo no pinta una imagen: escribe un documento

Cuando envías un prompt, la IA no está generando una imagen. Está escribiendo un documento estructurado que describe un diseño. Internamente lo llamamos el IR. Reducido a lo esencial, uno de sus elementos se ve más o menos así:

{ "type": "text", "x": 240, "y": 570, "width": 620,
  "lines": [{ "text": "OPEN", "fontFamily": "Poppins",
              "fontSize": 130, "fontWeight": 800, "color": "#ffffff" }] }

Una página tiene un ancho, un alto, un fondo y una lista de elementos. Cada elemento es un bloque de texto, una forma o una imagen, y cada uno sabe dónde va y qué aspecto tiene. El trabajo del modelo es tomar buenas decisiones sobre esos números: que ese OPEN debe medir 130 px, ser blanco e ir cerca del borde superior; que la fecha debe ocupar una quinta parte de ese tamaño; que entre los dos hace falta una línea.

O sea que la IA sí está haciendo trabajo de diseño —jerarquía, espaciado, color, combinación tipográfica— y después lo escribe. No está pintando.

Todo lo demás se desprende de ahí.

Y justo por eso lo puedes editar

Un modelo de imagen te entrega una cuadrícula de píxeles. Si quieres el titular más grande, la única palanca es volver a pedirlo y cruzar los dedos. Todos hemos pasado por eso: consigues algo casi perfecto, pides un cambio y la siguiente versión trae otra foto, otro ambiente y una falta de ortografía nueva. Pierdes la versión que te gustaba. No hay vuelta atrás porque nunca hubo una estructura que modificar, solo una imagen que volver a tirar a la suerte.

Como lo que produce Ridvay es un documento, “haz el titular más grande” es un número que pasa de 130 a 180. Nada más se mueve dentro del archivo. La foto que te gustaba es la misma foto. El color que elegiste es el mismo color.

En la práctica, el bucle útil es este:

1. Genera una vez para tener un punto de partida.
2. Haz clic en lo que está mal.
3. Cámbialo directamente.

El paso 3 es el que la gente se salta, y es justo el que convierte un primer resultado mediocre en algo que de verdad pondrías en una vitrina. Si te llevas una sola idea de este artículo, que sea esta: la primera generación es un borrador, no la entrega final. Hay más sobre esto en cómo editar un diseño generado por IA sin empezar de cero.

De dónde salen las imágenes

Los diseños necesitan imágenes, y hay tres fuentes distintas según lo que pida cada diseño.

Primero van las fotos reales. Si un diseño necesita un fondo fotográfico —un plato de comida, una multitud, una calle—, una imagen generada suele ser la herramienta equivocada. La comida generada parece comida generada. Por eso Ridvay busca una foto de stock real (Pexels) antes de recurrir a cualquier otra cosa. Es gratis, y parece una fotografía porque lo es.

Los íconos, logos y formas salen de un catálogo. Cuando el diseño necesita una taza de café, un glifo de wifi, el contorno de un país o el logo de una marca, no se dibuja desde cero: el modelo escribe una clave canónica como icon:coffee o geo:us-texas y el renderizador la resuelve a un vector real. Esto importa porque los íconos dibujados por IA son justo el punto donde un diseño empieza a verse casero. Un rectángulo con la etiqueta “taza” se lee como una caja azul.

Las imágenes generadas son el último recurso, para cuando necesitas algo específico que no existe en stock: un estilo de ilustración concreto, un producto inventado, un fondo surrealista.

Cómo un documento se convierte en un PNG

En algún momento quieres un archivo. El renderizador lee el documento y lo dibuja: texto, formas e imágenes, pintados directamente sobre un mapa de bits, a la escala que hayas pedido. Sin navegador, sin captura de pantalla. El mismo código de dibujo produce una publicación social de 1080×1350 y un cartel a escala de imprenta; lo único que cambia son los números. (Algunos casos más antiguos —diagramas, ciertas animaciones exóticas— todavía pasan por el renderizador anterior, el que usaba navegador.)

La parte genuinamente difícil son las fuentes, y por un motivo que es justo el contrario del que imaginarías. Un navegador es indulgente: le das una fuente sin cirílico y sustituye otra sin decir nada, así que un titular en ruso sale pareciendo un diseño ligeramente distinto en lugar de un error. Dibujar directamente no perdona nada: un glifo que falta es una caja de tofu, ahí mismo, en tu cartel.

Por eso, antes de dibujar un solo carácter, el renderizador compara la tabla de glifos real de la fuente con los caracteres reales de tu texto, y cambia a una tipografía que sí pueda representarlos. Archivo Black es una fuente magnífica para carteles. Trae 423 glifos. Se ve estupenda hasta que alguien escribe en ruso, y entonces resulta que tiene opiniones.

La animación es el mismo documento más una línea de tiempo

Un video no es una función aparte con su propio editor. Animar un diseño consiste en añadir información de tiempo a los elementos que ya tienes: este titular sube, esa insignia aparece 200 ms después, estas filas entran escalonadas.

Renderizarlo funciona igual que cuando un navegador anima una transformación CSS: cada elemento se dibuja una sola vez y luego, en cada fotograma, esa capa ya dibujada simplemente se desplaza, se desvanece o se escala. Los fotogramas van directo al codificador de video a medida que se producen, así que nada toca el disco por el camino.

Lo que significa que un cartel y un video vertical de 25 segundos son el mismo archivo con instrucciones distintas sobre el tiempo. Cambia el texto del titular y se actualizan los dos. Los videos de nuestras propias redes se hacen así; la imagen de portada de este artículo, también.

Las partes que nadie encuentra

Hay cuatro cosas a un clic de distancia que casi nadie usa:

• Brand Kit. Guarda tu paleta, tus fuentes y tu logo una sola vez, y aplícalos después a cualquier diseño. Es la diferencia entre “un cartel hecho con IA” y “tu cartel”.
• Redimensionar. Un mismo diseño se readapta a historia, feed e impresión. Se readapta: la maquetación se recalcula para la nueva forma en lugar de estirarse. Mira cómo redimensionar un diseño para todas las redes sociales.
• Enlaces de imagen en vivo. Comparte un diseño y obtienes una URL que renderiza la versión actual como PNG. Insértala en un sitio o en un correo y se actualiza cuando el diseño cambia. Vincula una cuenta regresiva a una fecha y el número de la imagen baja solo.
• El servidor MCP. Si usas Claude, Copilot u otro cliente MCP, puede componer y exportar diseños directamente, sin navegador de por medio. Aproximadamente la mitad de los diseños hechos con Ridvay el mes pasado llegaron por esta vía.

En qué es malo

Una lista honesta, porque de todas formas te vas a topar con esto:

• Textos largos. Todo lo que pase de un titular, un subtítulo y unas cuantas líneas queda apretado. Un cartel no es un folleto, y el modelo va a intentar meter todo lo que le des.
• Reproducir una marca al milímetro. Puede usar tus colores y tus fuentes con precisión. Lo que no puede es redibujar tu logo específico a partir de una descripción: súbelo.
• Control tipográfico fino. Pares de kerning, alineación óptica, puntuación colgante. Si te importan esas cosas a ese nivel, eres diseñador, y vas a querer exportar y rematarlo en otro lado.
• Leerte la mente. “Que sea más llamativo” no produce nada útil. “Haz el titular el doble de grande y el fondo azul marino oscuro sólido” produce exactamente eso.

Hazlo ahora, en más o menos un minuto

Abre Studio y pega esto:

Cartel para una noche de micrófono abierto semanal en un bar, los jueves a las 8 p. m., entrada gratis, titular enorme y contundente, fondo oscuro con un solo color de acento, logo pequeño del local abajo a la izquierda.

Lo que vuelve es un diseño editable: capas de texto, formas, un panel con foto, todo seleccionable por separado. Después haz estas tres ediciones, en este orden:

1. Haz clic en el titular y sube su tamaño hasta que resulte un poco incómodo. Casi todos los primeros borradores de IA son demasiado tímidos con la escala, y la escala es lo que hace que un cartel se lea desde el otro lado de la sala.
2. Cambia el color de acento por el color real de tu marca. Un clic en la muestra de color; la foto y la tipografía se quedan exactamente donde están.
3. Borra algo. Casi siempre hay una línea que no está haciendo nada. Un cartel con tres datos le gana a uno con seis.

Ese es el bucle completo, y es justo de lo que este artículo quiere convencerte: genera una vez y después edita, en lugar de regenerar cinco veces esperando una tirada mejor.

Abre este prompt en Studio →

La versión en una frase

Escribes una frase. Un modelo redacta un documento de diseño. Un renderizador lo convierte en una imagen, en un archivo para imprenta o en un video, y como el documento sigue ahí debajo, cada pieza sigue siendo tuya para cambiarla.

Pruébalo con tu propio cartel → — gratis para empezar, y cada capa sigue siendo editable.