{"id":2873,"date":"2026-09-28T14:51:20","date_gmt":"2026-09-28T06:51:20","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/id\/releases\/ai-diagram-generation-from-image-vpascode\/"},"modified":"2026-09-28T14:51:20","modified_gmt":"2026-09-28T06:51:20","slug":"ai-diagram-generation-from-image-vpascode","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/id\/releases\/ai-diagram-generation-from-image-vpascode\/","title":{"rendered":"Ubah Gambar Diagram Menjadi Kode yang Dapat Diedit dengan VPasCode AI"},"content":{"rendered":"

\"Gambar<\/p>\n

Diagram sering kali merupakan cara tercepat untuk menjelaskan sistem, alur kerja, arsitektur, atau proses bisnis. Namun, membuat ulang diagram yang sudah ada dalam alat pembuatan diagram dapat memakan waktu yang cukup lama\u2014terutama ketika diagram asli hanya tersedia dalam bentuk gambar.<\/p>\n

Visual Paradigm telah meningkatkan VPasCode<\/a> dengan Pembuatan Diagram AI<\/strong>. Anda sekarang dapat mengunggah gambar diagram bersama dengan instruksi teks dan membiarkan AI menghasilkan kode diagram yang dapat diedit berdasarkan referensi visual.<\/p>\n

Gambar tersebut bisa berupa diagram yang dibuat di aplikasi lain, tangkapan layar dari dokumen atau situs web, diagram dari buku, atau bahkan sketsa yang digambar tangan. Alih-alih secara manual membangun kembali setiap bentuk, label, dan hubungan, Anda dapat menggunakan VPasCode untuk membuat titik awal dalam format diagram-sebagai-kode dan melanjutkan pengeditannya di browser.<\/p>\n

Coba Pembuatan Diagram AI di VPasCode<\/a><\/p>\n

\"Infografis<\/p>\n

Apa Itu Pembuatan Diagram AI di VPasCode?<\/h2>\n

VPasCode adalah platform diagram-sebagai-kode online yang mengubah bahasa diagram berbasis teks dan data terstruktur menjadi diagram visual. Platform ini mendukung format populer seperti PlantUML, Mermaid, Graphviz, Markmap, ECharts, JSON, YAML, XML, CSV, DBML, SQL, dan lainnya.<\/p>\n

Sebelum peningkatan ini, fitur Pembuatan Diagram AI<\/a> terutama bekerja berdasarkan instruksi teks. Misalnya, Anda dapat memasukkan perintah seperti:<\/p>\n

\n

Buat diagram kasus penggunaan dalam PlantUML untuk sistem asuransi.<\/p>\n<\/blockquote>\n

VPasCode kemudian akan menghasilkan kode diagram berdasarkan deskripsi Anda. Dengan adanya input gambar sekarang, Anda dapat memberikan referensi visual sekaligus instruksi dalam bahasa alami. Hal ini memudahkan untuk membuat ulang struktur diagram yang sudah ada, mengubah konsep visual menjadi kode yang dapat diedit, atau menggunakan gambar sebagai titik awal untuk diagram baru.<\/p>\n

Sebagai contoh, Anda dapat mengunggah diagram urutan dan memasukkan:<\/p>\n

\n

Buat Diagram Urutan dalam PlantUML berdasarkan gambar yang disediakan.<\/p>\n<\/blockquote>\n

VPasCode menganalisis gambar yang diunggah, menginterpretasikan struktur diagram, dan menghasilkan kode yang ditampilkan di editor. Anda kemudian dapat meninjau hasilnya, menyesuaikan kode, dan menyempurnakan diagram agar sesuai dengan kebutuhan Anda.<\/p>\n

Cara Menghasilkan Kode Diagram dari Gambar<\/h2>\n

Membuat diagram yang dihasilkan AI dari gambar hanya membutuhkan beberapa langkah.<\/p>\n

    \n
  1. Buka AI Generate.<\/strong> Di VPasCode, klik AI Generate<\/strong> di bagian atas aplikasi. Kotak dialog AI Generation akan muncul.\n

    \"\"<\/p>\n<\/li>\n

  2. Unggah gambar diagram Anda.<\/strong> Klik Unggah Gambar<\/strong> di bagian bawah dialog dan pilih gambar dari komputer Anda. Anda juga dapat menyalin gambar ke papan klip dan tekan Ctrl-V<\/strong> untuk menempelkannya langsung ke dalam dialog.\n

    \"Unggah<\/p>\n<\/li>\n

  3. Masukkan instruksi.<\/strong> Jelaskan apa yang ingin Anda hasilkan oleh VPasCode dan tentukan bahasa atau format diagram yang diinginkan. Sebagai contoh: Buat Diagram Urutan dalam PlantUML berdasarkan gambar yang disediakan.
    \n<\/em><\/em><\/p>\n

    \"Memasukkan<\/p>\n<\/li>\n

  4. Klik Hasilkan AI.<\/strong> VPasCode memproses gambar dan instruksi, lalu menghasilkan kode diagram.\n

    \"Hasilkan<\/p>\n<\/li>\n

  5. Tinjau dan edit hasilnya.<\/strong> Kode yang dihasilkan muncul di sisi kiri editor VPasCode, sedangkan diagram yang dirender muncul di sisi kanan. Anda dapat mengedit kode dan melihat pembaruan hasil visual secara real time.\n

    \"Diagram<\/p>\n<\/li>\n<\/ol>\n

    Alur kerja ini memberikan kecepatan generasi diagram AI sambil mempertahankan fleksibilitas diagram-sebagai-kode. Hasil yang dihasilkan bukan gambar statis yang hanya dapat Anda lihat. Hasil tersebut menjadi kode yang dapat diedit, yang dapat Anda perbaiki, kembangkan, bagikan, dan gunakan kembali.<\/p>\n

    Gambar Apa yang Dapat Anda Gunakan?<\/h2>\n

    Fitur input gambar berguna kapan pun diagram Anda ada secara visual tetapi tidak dalam format diagram yang dapat diedit. Sumber yang mungkin termasuk:<\/p>\n