CodeKitHubO que é esta ferramenta?
O Gerador de Story do Facebook recria a aparência vertical e em tela cheia de uma Story real do Facebook — anel de perfil, cabeçalho com nome e marca de tempo, uma foto de fundo ou degradê, texto sobreposto em negrito, e a faixa da barra de resposta na parte inferior.
Nunca deve ser usado para fabricar provas fraudulentas, assediar ou difamar alguém, ou se passar pelas publicações ou Stories reais de uma pessoa de verdade — isso pode ser ilegal dependendo da sua jurisdição.
Tudo é gerado localmente no seu navegador usando a API de Canvas HTML; nada é enviado a nenhum servidor.
Por que usar?
- Está praticando edição de vídeo e quer testar como ficaria uma "miniatura estilo Story", sem precisar postar de verdade no Facebook — basta digitar nome e texto pra ter uma prévia no formato Story sem publicar nada.
- Quer fazer aquela imagem de brincadeira "a Story que essa pessoa provavelmente postaria" pra mandar no grupo de amigos — combine o degradê de fundo com o texto sobreposto até o clima ficar convincente.
- Precisa mostrar pro cliente uma proposta de UI pra função de Stories de um app, mas um print real do Facebook traz informação irrelevante junto — aqui dá pra montar só a maquete vertical 9:16 com os elementos que interessam.
- Não quer subir foto ou texto pessoal pra lugar nenhum — a imagem de fundo e o texto ficam só no navegador, sem contato com servidor até o momento de baixar o PNG.
Como usar
- Defina o nome, a marca de tempo e a cor do avatar (ou envie uma foto).
- Escolha um degradê de fundo ou envie sua própria imagem.
- Digite o texto sobreposto exibido perto da parte inferior da Story.
- Acompanhe a pré-visualização vertical sendo atualizada em tempo real e clique em "Download PNG" para salvar a imagem.
Exemplo
Entrada
Nome: "Sam Whitfield" · Hora: "4h" · Fundo: degradê azul para rosa · Texto: "Café de domingo de manhã ☕"Resultado
Uma imagem PNG de 360×640 no estilo de uma Story real do Facebook: avatar com anel de perfil, nome e marca de tempo, fundo em degradê em tela cheia, texto sobreposto centralizado em negrito, e uma faixa de barra de resposta com ícone de coração embaixo.A imagem é renderizada instantaneamente no canvas de pré-visualização ao vivo e baixada com um único clique — sem espera, sem ida e volta ao servidor.
O que você pode personalizar
- Nome do perfil, marca de tempo, e cor ou foto do avatar.
- O fundo: um degradê de duas cores ou uma imagem enviada.
- O texto sobreposto em negrito exibido perto da parte inferior da Story.
- Detalhes de layout que correspondem ao estilo visual real das Stories do Facebook.
Uso responsável
Este gerador existe para facilitar a criação de imagens de maquete claramente fictícias para fins de humor, storytelling e trabalho de design. Se você compartilhar uma imagem criada com esta ferramenta, considere adicionar contexto para que quem vir entenda que não é uma Story real.
Comparado com as outras maquetes do Facebook
| Ferramenta | Proporção | Melhor para |
|---|---|---|
| Gerador de Story do Facebook | 9:16 (vertical) | Simular uma publicação temporária em tela cheia |
| Gerador de Perfil do Facebook | 600×500 (cabeçalho horizontal) | Mostrar um perfil completo, com capa e biografia |
| Gerador de Comentários do Facebook | Varia conforme o tamanho da thread | Mostrar uma conversa com respostas encadeadas |
Perguntas frequentes
É legal ou ético usar esta ferramenta?
A ferramenta em si é legal para uso em entretenimento, maquetes, apresentações e trabalho de design. O que não é legal nem ético é usar a imagem gerada para enganar alguém. Use isto apenas para fins claramente fictícios ou ilustrativos.
A ferramenta envia meu conteúdo para algum lugar?
Não. Tudo o que você digita ou envia permanece na memória do seu navegador e é desenhado diretamente em um elemento canvas com JavaScript. O PNG é gerado e baixado no seu dispositivo — nada é enviado a nenhum servidor.
Posso enviar minha própria foto como fundo da Story?
Sim — clique no link de envio abaixo de "Video background" para usar sua própria imagem como fundo em tela cheia da Story em vez do degradê.
Qual tamanho de imagem é exportado?
O PNG exportado é de 360×640, correspondendo à proporção vertical 9:16 usada pelas Stories reais do Facebook.
Devo usar este ou um dos outros geradores de maquete do Facebook?
Se você está criando a maquete de uma Story vertical em tela cheia, use este gerador de Story. Se precisar de uma thread de comentários, use o Gerador de Comentários do Facebook; se precisar de uma página de perfil completa com foto de capa e biografia, use o Gerador de Perfil do Facebook.
Existe limite de caracteres para o texto sobreposto?
Não há um limite rígido de caracteres, mas o texto é desenhado num espaço limitado perto da parte inferior, então frases muito longas podem quebrar automaticamente ou deixar o layout apertado. Frases curtas que cabem em uma ou duas linhas costumam ficar com o visual mais limpo.
Dá para exportar em outra proporção além da vertical?
Não, a ferramenta é fixa na proporção vertical 9:16 (360×640), igual às Stories reais do Facebook. Se precisar de um formato quadrado ou paisagem, será necessário cortar a imagem depois em outro editor.
Ao enviar uma foto de fundo, ela é cortada automaticamente?
Sim. A imagem enviada é redimensionada e cortada automaticamente para preencher todo o canvas vertical 9:16. Se a foto original for na horizontal, partes importantes das laterais podem ficar de fora — vale cortar a imagem no formato vertical antes de enviar para um resultado mais previsível.
Dá para mudar o texto ou o ícone da barra de resposta?
A barra de resposta é um elemento fixo do design, pensado para reproduzir a aparência real de uma Story do Facebook, e a versão atual não permite personalizar seu texto ou ícone.