Mockup de chat com IA

Uma interface de assistente de IA com histórico, prompt, resposta estruturada e um campo de mensagem moderno.

Solte seu print aqui

Tamanho

Formato

Sua imagem fica no seu navegador — nada é enviado.

Criando um produto de IA? Este modelo desenha o layout conhecido de um assistente: barra lateral com histórico, pergunta do usuário, resposta estruturada com opções e tópicos, botões de avaliação e um campo arredondado com anexo, busca e voz.

Digite o nome do seu produto e ele aparece no topo como nome do modelo.

Exemplos

Chat IA · MacBook · FlutuandoChat IA · MacBook · FlutuandoChat IA · iPhone · EsquerdaChat IA · iPhone · EsquerdaChat IA · Navegador · EscuroChat IA · Navegador · EscuroChat IA · Ambos · DireitaChat IA · Ambos · Direita

Como funciona

  1. Escolha uma tela

    Um dos 18 tipos de interface (5 layouts cada) ou seu próprio print. Clique em “Outra variação” até gostar.

  2. Escolha um dispositivo

    iPhone 17 Pro, iPhone Air, MacBook Pro ou MacBook Air — ou uma janela de navegador.

  3. Baixe

    Escolha ângulo e fundo e baixe PNG, JPG ou WebP em alta resolução. Fundo transparente também funciona.

Perguntas

Posso dar nome ao assistente?

Digite o nome do produto e ele substitui o nome do modelo no cabeçalho.

Tem versão escura?

Sim, escolha Escuro; com o acento monocromático fica bem minimalista.

Posso mostrar em um celular?

Sim, a versão para iPhone mostra um chat de IA mobile com sugestões.

É grátis?

Sim. Todas as interfaces, dispositivos, ângulos e tamanhos são grátis e não é preciso conta. Você pode usar as imagens em projetos comerciais.

Posso colocar meu próprio print em um iPhone ou MacBook?

Sim. Clique em “Seu print”, arraste uma imagem para a prévia ou cole com Ctrl/Cmd+V. A imagem é processada no navegador e nunca é enviada.

Mais mockups

Mockups por tipo de tela


Mockups por dispositivo