Beranda UXMagic
  • Fitur
  • Pustaka
  • Komunitas
  • Harga
  • Afiliasi
  • Sumber Daya
Beranda UXMagic
Beranda UXMagic

Pustaka

Komunitas
Harga
Afiliasi

Sumber Daya

Ikuti kami di:
  • Ikuti kami di Slack
  • Ikuti kami di Twitter
  • Ikuti kami di LinkedIn
  • Ikuti kami di YouTube
  • Ikuti kami di Instagram
Pusat Bantuan
  • 🚀Memulai
  • ✨Membuat desain
  • 🎨Mendesain & mengedit
  • 📦Ekspor & penyerahan
  • 🌐Menerbitkan situs
  • 🤝Berbagi & berkolaborasi
  • 🔌Integrasi & developer
  • 💳Paket, kredit & penagihan
  • 🛠Pemecahan masalah
    • Saya kehabisan kredit
    • Sebuah layar kosong
    • Panduan gaya atau tema saya tidak diterapkan
    • Gambar rusak, hilang, atau macet memuat
    • Klon saya kosong atau tidak lengkap
    • Ekspor Figma saya gagal
    • Perubahan saya kembali sendiri atau hilang
    • AI tidak mengikuti brief saya
    • Pembuatan lambat atau macet
    • Grafik atau animasi tidak terender
    • Hubungi dukungan

Masih buntu?

Tim kami menjawab dari dalam produk.

Hubungi dukungan →
  1. Pusat Bantuan/
  2. Pemecahan masalah/
  3. Grafik atau animasi tidak terender

Grafik atau animasi tidak terender

Kenapa sebuah grafik menampilkan kotak kosong, dan apa yang harus dilakukan pada elemen interaktif.

Terakhir diperbarui: 27 Agustus 2026

Di halaman ini

  • Kotak kosong di tempat grafik seharusnya berada
  • Animasi tidak berjalan
  • Setelah mengekspor
  • Melaporkannya

Kotak kosong di tempat grafik seharusnya berada#

Grafik digambar oleh skrip ke dalam elemen canvas. Kalau layarnya dirender ulang tanpa menjalankan lagi skrip itu — setelah dimuat ulang, berpindah versi, atau disimpan — elemennya bertahan tapi gambarnya tidak, dan Anda mendapat kotak kosong.

Yang bisa dicoba

  1. Muat ulang proyeknya. Sering kali sudah cukup.
  2. Minta grafiknya dibangun ulang di layar itu.
  3. Minta grafik statis saja kalau ia hanya perlu terlihat benar dalam sebuah desain: “Ganti grafiknya dengan versi SVG statis.” Grafik statis bertahan melewati setiap penyimpanan dan ekspor, yang untuk hasil kerja desain biasanya memang yang Anda inginkan.

Animasi tidak berjalan#

Akar penyebabnya sama. Desain disimpan sebagai markup, dan perilaku yang bergantung pada skrip berjalan di saat yang tepat tidak selalu bertahan melewati perjalanan bolak-balik. Untuk apa pun yang kaya gerak, desain bingkai statisnya di sini dan terapkan geraknya setelah ekspor.

Setelah mengekspor#

Kode hasil ekspor memuat apa yang ada di layar. Kalau sebuah grafik kosong di kanvas, ia kosong di hasil ekspor. Perbaiki sebelum mengekspor, atau sambungkan pustaka grafik yang asli di basis kode Anda sendiri — yang toh akan Anda lakukan begitu ia menampilkan data sungguhan.

Melaporkannya#

Kalau sebuah grafik selalu kosong di layar tertentu, hubungi dukungan dengan tautan proyek dan nama layarnya.

Apakah artikel ini membantu?

Artikel terkait

Sebuah layar kosong

Frame kosong setelah sebuah rencana, kanvas kosong saat dibuka, dan layar yang tidak merender apa pun.

Ekspor kode (HTML, React, Tailwind)

Ekspor satu layar atau satu proyek penuh sebagai kode front-end siap produksi.

Hubungi dukungan

Cara menghubungi kami, dan apa yang perlu disertakan agar bisa kami perbaiki di balasan pertama.

← SebelumnyaPembuatan lambat atau macetBerikutnya →Hubungi dukungan

Di halaman ini

  • Kotak kosong di tempat grafik seharusnya berada
  • Animasi tidak berjalan
  • Setelah mengekspor
  • Melaporkannya

idemu yang berikutnya
layak untuk diwujudkan

berhenti cuma memikirkannya. langsung ketik saja. Berantakan, setengah jadi, apa pun itu. Kami yang akan mengubahnya jadi sesuatu yang nyata.

Produk

  • Komunitas
  • Paket Harga
  • Program Afiliasi
  • UXMagic MCP
  • Claude MCP
  • Info AI

Sumber Daya

  • Pusat Bantuan
  • Pustaka Figma
  • Pustaka React
  • Template Aplikasi Mobile
  • Dokumentasi
  • Tutorial

Fitur

  • Prompt ke UI
  • Gambar ke UI
  • Sketsa ke UI
  • Kloning situs web
  • Impor dari Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Semua Fitur

Bandingkan

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Semua Kompetitor

Blog

  • AI dalam Alur Kerja Desain UX: Apa yang Benar-Benar Berhasil
  • Template Prompt untuk Dashboard SaaS
  • Prompt Nyata yang Kami Gunakan untuk Membuat Alur Produk
  • Prompt Engineering untuk Desainer UX
  • Alat Wireframing Terbaik 2026: Perbandingan 10 Opsi Gratis & Pro
  • Semua Blog

Perusahaan & Dukungan

  • Karier
  • Hubungi Kami
  • Kebijakan Privasi
  • Ketentuan Penggunaan
  • Pengaturan Cookie
  • Ikuti kami di Slack
  • Ikuti kami di Twitter
  • Ikuti kami di LinkedIn
  • Ikuti kami di YouTube
  • Ikuti kami di Instagram

© 2026 UXMagic AI Technologies Inc.