Página inicial da UXMagic
  • Funcionalidades
  • Bibliotecas
  • Comunidade
  • Preços
  • Afiliados
  • Recursos
Página inicial da UXMagic
Página inicial da UXMagic

Bibliotecas

Comunidade
Preços
Afiliados

Recursos

Siga a gente:
  • Siga a gente no Slack
  • Siga a gente no Twitter
  • Siga a gente no LinkedIn
  • Siga a gente no YouTube
  • Siga a gente no Instagram
Central de Ajuda
  • 🚀Primeiros passos
  • ✨Gerar designs
  • 🎨Projetar e editar
  • 📦Exportar e entregar
  • 🌐Publicar um site no ar
  • 🤝Compartilhar e colaborar
  • 🔌Integrações e desenvolvimento
  • 💳Planos, créditos e faturamento
  • 🛠Solução de problemas
    • Fiquei sem créditos
    • Uma tela está em branco ou vazia
    • Meu guia de estilo ou tema não foi aplicado
    • Imagens quebradas, faltando ou travadas carregando
    • Meu clone saiu vazio ou parcial
    • Minha exportação para o Figma falhou
    • Minhas mudanças foram revertidas ou sumiram
    • A IA não está seguindo meu briefing
    • A geração está lenta ou travada
    • Gráficos ou animações não renderizam
    • Falar com o suporte

Ainda travado?

Nosso time responde de dentro do produto.

Falar com o suporte →
  1. Central de Ajuda/
  2. Solução de problemas/
  3. Gráficos ou animações não renderizam

Gráficos ou animações não renderizam

Por que um gráfico mostra uma caixa vazia, e o que fazer com elementos interativos.

Última atualização: 27 de agosto de 2026

Nesta página

  • Caixa vazia onde deveria ter um gráfico
  • Animações não tocam
  • Depois de exportar
  • Reportar

Caixa vazia onde deveria ter um gráfico#

Gráficos são desenhados por um script dentro de um elemento canvas. Se a tela é renderizada de novo sem esse script rodar outra vez — depois de um recarregamento, uma troca de versão ou um salvamento — o elemento sobrevive mas o desenho não, e você fica com uma caixa vazia.

O que tentar

  1. Recarregue o projeto. Muitas vezes basta.
  2. Peça para reconstruir o gráfico naquela tela.
  3. Peça um gráfico estático se ele só precisa parecer certo em um design: “Substitua o gráfico por uma versão estática em SVG.” Gráficos estáticos sobrevivem a todo salvamento e exportação, o que para uma entrega de design costuma ser o que você quer.

Animações não tocam#

Mesma causa raiz. Designs são guardados como marcação, e comportamento que depende de scripts rodando na hora certa nem sempre sobrevive a uma ida e volta. Para qualquer coisa com muito movimento, projete aqui os quadros estáticos e implemente o movimento depois da exportação.

Depois de exportar#

O código exportado contém o que estava na tela. Se um gráfico estava vazio no canvas, está vazio na exportação. Corrija antes de exportar, ou ligue a biblioteca de gráficos de verdade na sua própria base de código — o que você vai querer fazer de qualquer jeito assim que ele mostrar dados reais.

Reportar#

Se um gráfico fica em branco de forma consistente em uma tela específica, fale com o suporte com o link do projeto e o nome da tela.

Este artigo foi útil?

Artigos relacionados

Uma tela está em branco ou vazia

Frames vazios depois de um plano, canvas em branco ao abrir, e telas que não renderizam nada.

Exportar código (HTML, React, Tailwind)

Exporte uma tela sozinha ou um projeto inteiro como código de front-end pronto para produção.

Falar com o suporte

Como nos encontrar, e o que incluir para conseguirmos resolver já na primeira resposta.

← AnteriorA geração está lenta ou travadaPróximo →Falar com o suporte

Nesta página

  • Caixa vazia onde deveria ter um gráfico
  • Animações não tocam
  • Depois de exportar
  • Reportar

sua próxima ideia
merece existir

pare de só pensar nela. escreva de qualquer jeito. Mal escrita, pela metade, tanto faz. A gente transforma em algo real.

Produto

  • Comunidade
  • Planos e preços
  • Programa de afiliados
  • UXMagic MCP
  • Claude MCP
  • Informações para IA

Recursos

  • Central de ajuda
  • Biblioteca Figma
  • Biblioteca React
  • Templates de apps mobile
  • Documentação
  • Tutoriais

Funcionalidades

  • De prompt para UI
  • De imagem para UI
  • De esboço para UI
  • Clonar site
  • Importar do Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Todas as funcionalidades

Comparar

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Todos os concorrentes

Blogs

  • IA no fluxo de trabalho de UX design: o que funciona de verdade
  • Templates de prompt para dashboards SaaS
  • Prompts reais que usamos para gerar fluxos de produto
  • Engenharia de prompt para designers de UX
  • Melhores ferramentas de wireframe em 2026: 10 opções gratuitas e pagas comparadas
  • Todos os blogs

Empresa e suporte

  • Carreiras
  • Fale conosco
  • Política de privacidade
  • Termos de uso
  • Configurações de cookies
  • Siga a gente no Slack
  • Siga a gente no Twitter
  • Siga a gente no LinkedIn
  • Siga a gente no YouTube
  • Siga a gente no Instagram

© 2026 UXMagic AI Technologies Inc.