Inicio de UXMagic
  • Funciones
  • Bibliotecas
  • Comunidad
  • Precios
  • Afiliados
  • Recursos
Inicio de UXMagic
Inicio de UXMagic

Bibliotecas

Comunidad
Precios
Afiliados

Recursos

Síguenos en:
  • Síguenos en Slack
  • Síguenos en Twitter
  • Síguenos en LinkedIn
  • Síguenos en YouTube
  • Síguenos en Instagram
Centro de ayuda
  • 🚀Primeros pasos
  • ✨Generar diseños
  • 🎨Diseñar y editar
  • 📦Exportar y entregar
  • 🌐Publicar un sitio en producción
  • 🤝Compartir y colaborar
  • 🔌Integraciones y desarrollo
  • 💳Planes, créditos y facturación
  • 🛠Solución de problemas
    • Me he quedado sin créditos
    • Una pantalla sale en blanco o vacía
    • Mi guía de estilo o mi tema no se aplicó
    • Las imágenes salen rotas, no aparecen o se quedan cargando
    • Mi clon salió en blanco o incompleto
    • Mi exportación a Figma ha fallado
    • Mis cambios se han revertido o han desaparecido
    • La IA no sigue mi briefing
    • La generación va lenta o se ha atascado
    • Las gráficas o animaciones no se renderizan
    • Contactar con soporte

¿Sigues atascado?

Nuestro equipo responde desde dentro del producto.

Contactar con soporte →
  1. Centro de ayuda/
  2. Solución de problemas/
  3. Las gráficas o animaciones no se renderizan

Las gráficas o animaciones no se renderizan

Por qué una gráfica muestra una caja vacía, y qué hacer con los elementos interactivos.

Última actualización: 27 de agosto de 2026

En esta página

  • Una caja vacía donde debería haber una gráfica
  • Las animaciones no se reproducen
  • Después de exportar
  • Informar del problema

Una caja vacía donde debería haber una gráfica#

Las gráficas las dibuja un script dentro de un elemento canvas. Si la pantalla se vuelve a renderizar sin volver a ejecutar ese script —tras una recarga, un cambio de versión o un guardado—, el elemento sobrevive pero el dibujo no, y te queda una caja vacía.

Qué probar

  1. Recarga el proyecto. A menudo basta.
  2. Pide que se reconstruya la gráfica en esa pantalla.
  3. Pide una gráfica estática si lo único que hace falta es que se vea bien en un diseño: «Sustituye la gráfica por una versión estática en SVG». Las gráficas estáticas sobreviven a todos los guardados y exportaciones, que para un entregable de diseño suele ser lo que quieres.

Las animaciones no se reproducen#

La misma causa de fondo. Los diseños se guardan como marcado, y el comportamiento que depende de que un script se ejecute en el momento justo no siempre sobrevive a una ida y vuelta. Para cualquier cosa con mucho movimiento, diseña aquí los frames estáticos e implementa el movimiento tras exportar.

Después de exportar#

El código exportado contiene lo que había en la pantalla. Si una gráfica estaba en blanco en el lienzo, está en blanco en la exportación. Arréglalo antes de exportar, o conecta la biblioteca de gráficas de verdad en tu propia base de código, que es lo que vas a querer hacer de todas formas en cuanto muestre datos reales.

Informar del problema#

Si una gráfica sale en blanco de forma consistente en una pantalla concreta, contacta con soporte con el enlace del proyecto y el nombre de la pantalla.

¿Te ha resultado útil este artículo?

Artículos relacionados

Una pantalla sale en blanco o vacía

Frames vacíos tras un plan, lienzo en blanco al abrir y pantallas que no renderizan nada.

Exportar código (HTML, React, Tailwind)

Exporta una sola pantalla o un proyecto entero como código de front end listo para producción.

Contactar con soporte

Cómo localizarnos y qué incluir para que podamos arreglarlo en la primera respuesta.

← AnteriorLa generación va lenta o se ha atascadoSiguiente →Contactar con soporte

En esta página

  • Una caja vacía donde debería haber una gráfica
  • Las animaciones no se reproducen
  • Después de exportar
  • Informar del problema

tu próxima idea
merece existir

deja de darle vueltas. solo escríbela. Mal, a medias, como sea. Nosotros la convertiremos en algo real.

Producto

  • Comunidad
  • Planes de precios
  • Programa de afiliados
  • UXMagic MCP
  • Claude MCP
  • Información para IA

Recursos

  • Centro de ayuda
  • Biblioteca de Figma
  • Biblioteca de React
  • Plantillas de apps móviles
  • Documentación
  • Tutoriales

Funciones

  • De prompt a UI
  • De imagen a UI
  • De boceto a UI
  • Clonar sitio web
  • Importar desde Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Todas las funciones

Comparar

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Todos los competidores

Blogs

  • IA en el flujo de trabajo de diseño UX: lo que realmente funciona
  • Plantillas de prompts para dashboards SaaS
  • Prompts reales que usamos para generar flujos de producto
  • Prompt engineering para diseñadores UX
  • Las mejores herramientas de wireframing en 2026: 10 opciones gratuitas y de pago comparadas
  • Todos los blogs

Empresa y soporte

  • Empleo
  • Contáctanos
  • Política de privacidad
  • Términos de uso
  • Configuración de cookies
  • Síguenos en Slack
  • Síguenos en Twitter
  • Síguenos en LinkedIn
  • Síguenos en YouTube
  • Síguenos en Instagram

© 2026 UXMagic AI Technologies Inc.