Como o Ridvay funciona de verdade (do prompt ao design editável)

Digite isto no Ridvay: "Pôster para uma noite semanal de microfone aberto, quintas às 20h, entrada gratuita, ousado e moderno."

Uns vinte segundos depois, você tem um pôster. Título MICROFONE ABERTO em corpo grande, a data logo abaixo, um painel de foto, o nome da casa no canto. Essa parte não surpreende ninguém — um monte de ferramenta transforma uma frase em imagem.

Surpreendente é o que vem em seguida: clique na palavra MICROFONE e aparece um cursor de texto. Não uma caixa de seleção em volta de uma região de pixels. Um cursor, dentro de uma camada de texto, com nome de fonte, peso e cor num painel à direita. Troque a fonte e nada é gerado de novo. A foto não sai do lugar. O resto do pôster não se redesenha caladinho e vira outra coisa que você não pediu.

Essa diferença é o produto inteiro, e quase ninguém que abre o Ridvay pela primeira vez percebe que ela está ali. Então vamos ao que de fato acontece entre a sua frase e o seu pôster.

O modelo não pinta uma imagem — ele escreve um documento

Quando você envia um prompt, a IA não está gerando uma imagem. Ela está escrevendo um documento estruturado que descreve um design. Internamente, chamamos esse documento de IR. Reduzido ao essencial, um elemento dele é mais ou menos assim:

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

Uma página tem largura, altura, um fundo e uma lista de elementos. Cada elemento é um bloco de texto, uma forma ou uma imagem, e cada um sabe onde fica e qual é a sua aparência. O trabalho do modelo é tomar boas decisões sobre esses números — que MICROFONE deve ter 130px, ser branco e ficar perto do topo, que a data deve ter um quinto desse tamanho, que precisa haver um filete separando os dois.

Ou seja: a IA está fazendo trabalho de design — hierarquia, espaçamento, cor, combinação tipográfica — e depois anotando tudo. Ela não está pintando.

Todo o resto decorre daí.

E é por isso que dá para editar

Um modelo de imagem devolve uma grade de pixels. Se você quer o título maior, a única alavanca é pedir de novo e torcer. Todo mundo já passou por isso: sai algo quase certo, você pede uma única mudança e a versão seguinte vem com outra foto, outro clima e um erro de digitação novo em folha. Você perde a versão de que gostava. Não tem volta porque nunca existiu uma estrutura para mudar — só uma imagem para sortear de novo.

Como a saída do Ridvay é um documento, "deixa o título maior" é um número que vai de 130 para 180. Nada mais no arquivo se mexe. A foto de que você gostou é a mesma foto. A cor que você escolheu é a mesma cor.

Na prática, o ciclo que funciona é este:

1. Gere uma vez, para ter um layout de partida.
2. Clique no que está errado.
3. Mude ali mesmo, direto.

O passo 3 é o que as pessoas pulam, e é justamente ele que transforma um primeiro resultado mediano em algo que você colocaria de verdade na vitrine. Se for para levar uma única ideia deste post: a primeira geração é um rascunho, não a entrega. Tem mais sobre isso em como editar um design gerado por IA sem começar do zero.

De onde vêm as imagens

Design precisa de imagem, e existem três fontes diferentes, dependendo do que o design pede.

Fotos reais vêm primeiro. Se o design precisa de um fundo fotográfico — um prato de comida, uma multidão, uma rua —, uma imagem gerada quase sempre é a ferramenta errada. Comida gerada por IA tem cara de comida gerada por IA. Por isso o Ridvay procura uma foto de banco de imagens de verdade (Pexels) antes de recorrer a qualquer outra coisa. Sai de graça e parece uma fotografia porque é uma.

Ícones, logos e formas vêm de um catálogo. Quando o design precisa de uma xícara de café, de um símbolo de wi-fi, do contorno de um país ou do logo de uma marca, nada disso é desenhado do zero — o modelo escreve uma chave canônica como icon:coffee ou geo:us-texas e o renderizador resolve aquilo em um vetor de verdade. Isso importa porque ícone desenhado por IA é onde o design começa a parecer feito em casa. Um retângulo com a etiqueta "xícara" é lido como uma caixa azul.

Imagens geradas são o plano B, para quando você precisa de algo específico que não existe em banco de imagens — um estilo de ilustração particular, um produto inventado, um fundo surreal.

Como um documento vira um PNG

Em algum momento você quer um arquivo. O renderizador lê o documento e o desenha — texto, formas, imagens, tudo pintado direto num bitmap, na escala que você pediu. Sem navegador, sem captura de tela. O mesmo código de desenho produz um post 1080×1350 para redes sociais e um pôster em escala de impressão; só os números mudam. (Alguns casos mais antigos — diagramas, certas animações exóticas — ainda passam pelo renderizador anterior, baseado em navegador.)

A parte genuinamente difícil são as fontes, e por um motivo que é o oposto do que se imagina. O navegador é tolerante: entregue a ele uma fonte sem cirílico e ele substitui por outra sem dizer nada, então um título em russo sai parecendo um design um pouco diferente, e não um defeito. Desenhar direto não perdoa nada — um glifo que falta vira um quadradinho vazio, ali, no meio do seu pôster.

Por isso, antes de desenhar um único caractere, o renderizador confere a tabela de glifos real da fonte contra os caracteres reais do seu texto e troca por um tipo capaz de exibi-los. Archivo Black é uma fonte de pôster excelente. Ela carrega 423 glifos. Fica maravilhosa até alguém escrever em russo — aí ela passa a ter opinião própria.

Animação é o mesmo documento com uma linha do tempo

Vídeo não é um recurso à parte, com editor próprio. Animar um design é anexar informação de tempo aos elementos que já existem — este título sobe deslizando, aquele selo aparece 200 ms depois, estas linhas entram em cascata.

A renderização funciona como um navegador animando um transform de CSS: cada elemento é desenhado uma vez e, a cada quadro, essa camada já desenhada apenas se move, esmaece ou muda de escala. Os quadros seguem direto para o codificador de vídeo conforme vão saindo, então nada passa pelo disco no meio do caminho.

O que significa que um pôster e um vídeo vertical de 25 segundos são o mesmo arquivo com instruções diferentes sobre o tempo. Mude o texto do título e os dois se atualizam. Os vídeos das nossas próprias redes sociais são feitos assim; a imagem de capa deste post também.

As partes que ninguém encontra

Quatro coisas ficam a um clique de distância e quase ninguém usa:

• Brand Kit. Salve sua paleta, suas fontes e seu logo uma vez e aplique em qualquer design depois. É a diferença entre "um pôster de IA" e "o seu pôster".
• Redimensionar. Um mesmo design se reorganiza para story, feed e impressão. Reorganiza mesmo — o layout é recalculado para o novo formato em vez de ser esticado. Veja como redimensionar um design para todas as redes sociais.
• Links de imagem ao vivo. Compartilhe um design e você recebe uma URL que renderiza a versão atual como PNG. Coloque essa URL num site ou num e-mail e ela se atualiza junto com o design. Amarre uma contagem regressiva a uma data e o número na imagem cai sozinho.
• O servidor MCP. Se você usa Claude, Copilot ou outro cliente MCP, ele consegue montar e exportar designs direto de lá — sem navegador nenhum. Cerca de metade dos designs feitos no Ridvay no último mês chegaram por esse caminho.

No que ele é ruim

Uma lista honesta, porque você vai esbarrar nisso de qualquer jeito:

• Texto longo. Qualquer coisa além de um título, um subtítulo e umas poucas linhas fica espremida. Pôster não é folheto, e o modelo vai tentar encaixar tudo o que você entregar.
• Reprodução exata da marca. Ele usa as suas cores e as suas fontes com precisão. O que ele não faz é redesenhar o seu logo específico a partir de uma descrição — faça o upload dele.
• Controle tipográfico fino. Pares de kerning, alinhamento óptico, pontuação pendurada. Se você se importa com esse nível de detalhe, você é designer — e vai querer exportar e finalizar em outro lugar.
• Ler a sua mente. "Deixa mais impactante" não produz nada aproveitável. "Deixe o título duas vezes maior e o fundo azul-marinho escuro, sem textura" produz exatamente isso.

Faça agora, em mais ou menos um minuto

Abra o Studio e cole isto:

Pôster para uma noite semanal de microfone aberto num bar, quintas às 20h, entrada gratuita, título enorme e pesado, fundo escuro com uma única cor de destaque, logo pequeno da casa no canto inferior esquerdo.

O que volta é um design editável — camadas de texto, formas, um painel de foto, tudo selecionável separadamente. Depois faça estas três edições, nesta ordem:

1. Clique no título e puxe o tamanho para cima até ficar levemente desconfortável. Quase todo primeiro rascunho de IA é tímido demais na escala, e é a escala que faz um pôster ser legível do outro lado da sala.
2. Troque a cor de destaque pela cor real da sua marca. Um clique na amostra de cor; a foto e a tipografia continuam exatamente onde estão.
3. Apague alguma coisa. Quase sempre há uma linha que não está trabalhando. Um pôster com três informações ganha de um com seis.

É esse o ciclo inteiro, e é disso que este post existe para te convencer: gere uma vez e edite — em vez de gerar cinco vezes na esperança de tirar uma sorte melhor.

Abrir este prompt no Studio →

A versão em uma frase

Você digita uma frase. Um modelo escreve um documento de design. Um renderizador transforma esse documento em imagem, em arquivo para impressão ou em vídeo — e, como o documento continua ali embaixo, cada pedacinho dele segue sendo seu para mudar.

Teste com o seu próprio pôster → — grátis para começar, e cada camada continua editável.