{"id":2132,"date":"2026-05-26T06:25:01","date_gmt":"2026-05-26T06:25:01","guid":{"rendered":"https:\/\/www.vpascode.com\/id\/docs\/uncategorized\/60-second-vpascode-quickstart-guide\/"},"modified":"2026-05-26T06:25:01","modified_gmt":"2026-05-26T06:25:01","slug":"60-second-vpascode-quickstart-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/","title":{"rendered":"Panduan Cepat 60 Detik VPasCode"},"content":{"rendered":"<p>Memulai dengan <strong>Visual Paradigm VPasCode<\/strong> membutuhkan waktu kurang dari satu menit. Karena platform ini sepenuhnya berbasis cloud, Anda tidak perlu menginstal runtime Java, mengonfigurasi modul Node.js, atau mengunduh dependensi ekstensi IDE yang berat. Anda dapat beralih dari sintaks teks mentah menjadi diagram visual yang sangat akurat dalam tiga langkah sederhana saja.<\/p>\n<p>Ikuti panduan cepat ini untuk membuat, menyesuaikan, dan berbagi aset Diagram-as-Code (DaC) pertama Anda.<\/p>\n<h2>Langkah 1: Buka Editor Langsung<\/h2>\n<p>Navigasikan browser Anda ke <a href=\"https:\/\/www.vpascode.com\/editor\/\" rel=\"noopener\" target=\"_blank\"><strong>VPasCode Playground<\/strong><\/a>. Secara default, Anda akan disambut oleh antarmuka modern dengan dua panel:<\/p>\n<ul>\n<li><strong>Panel Kiri (Editor Kode):<\/strong> Editor teks ringan dengan kinerja tinggi yang dilengkapi penyorotan sintaks otomatis, nomor baris, dan deteksi kesalahan aktif.<\/li>\n<li><strong>Panel Kanan (Jendela Pratinjau Langsung):<\/strong> Pemroses diagram waktu nyata yang memperbarui tata letak visual Anda secara otomatis saat Anda mengetik atau mengubah representasi teks Anda.<\/li>\n<\/ul>\n<h2>Langkah 2: Pilih Mesin Anda dan Tempelkan Rancangan<\/h2>\n<p>VPasCode secara otomatis mengenali sintaks Anda. Untuk melihatnya berfungsi, bersihkan teks tempatkan di panel kiri dan salin-tempel salah satu contoh dasar berikut ke dalam editor:<\/p>\n<h3>Pilihan A: Diagram Alir Markdown (Sintaks Mermaid)<\/h3>\n<p>Jika Anda lebih suka tata letak diagram alir yang agil dan dari atas ke bawah, gunakan blok sederhana ini:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpVyrEKwjAURuFd8B3uqENfQUgTkW6irUvIcE1\/bLBEm6QVsb67Uh30rOc7Bb42VKr5jN4JLVsHn2iHrkdMhrJsRflDbAvacMKN78+PzKczHrh1NZWXM\/xIUos+NbRHGJyF+YOFH36p0sJaxEgK3qH+WjnZtV5UEYEUJz5yxNK8AOH7MTU=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Mermaid di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpty7EKwkAQhOFe8B221CKvICQ5EbFIwHRHigkul+XiRu7OQozvbkgsnXa+3wU8emrMdkPzcltzuIsmQOkyCGtLWXag4n3i0EEd5fX5s9pieaZm9Kx0RT9RaQe8oHNapTFIRJT2j23kBr8WxhqBjxzJSBoH+J8vF3+0O4OEDpGpZnXuqdi3X7z0NiY=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">graph TD\r\n    A[Permintaan Klien] --&gt; B{Gerbang API}\r\n    B --&gt; |Token Sah| C[layanan Otorisasi]\r\n    B --&gt; |Token Tidak Sah| D[Diakses Ditolak]\r\n    C --&gt; E[(Database Pengguna)]<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpty7EKwkAQhOFe8B221CKvICQ5EbFIwHRHigkul+XiRu7OQozvbkgsnXa+3wU8emrMdkPzcltzuIsmQOkyCGtLWXag4n3i0EEd5fX5s9pieaZm9Kx0RT9RaQe8oHNapTFIRJT2j23kBr8WxhqBjxzJSBoH+J8vF3+0O4OEDpGpZnXuqdi3X7z0NiY=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpVyrEKwjAURuFd8B3uqENfQUgTkW6irUvIcE1\/bLBEm6QVsb67Uh30rOc7Bb42VKr5jN4JLVsHn2iHrkdMhrJsRflDbAvacMKN78+PzKczHrh1NZWXM\/xIUos+NbRHGJyF+YOFH36p0sJaxEgK3qH+WjnZtV5UEYEUJz5yxNK8AOH7MTU=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Mermaid di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"EHwkVSf\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-492\" decoding=\"async\" fetchpriority=\"high\" height=\"560\" sizes=\"(max-width: 424px) 100vw, 424px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c06358312.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c06358312.png 424w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c06358312-227x300.png 227w\" width=\"424\"\/><\/p>\n<h3>Pilihan B: Komponen Arsitektur Perangkat Lunak (Sintaks PlantUML)<\/h3>\n<p>Jika Anda ingin memetakan komponen sistem yang terstruktur dengan bingkai batas formal, gunakan blok ini:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RO_D2i9038JlXNs7iFVs0Jn8Yu882jeA7ieUqcveW_rPjX5HyTrTUz63SmhCv4icdGIzNFjEHGxh2pO4EdEkung5nm5EJ5x3KqKGL9wfWk0QY3qthSHBABF35ZOeTCExKT5BHHO5Avm2PnqcA6JqWVfb_2v0_44KnntiaGVpBv4a8P6JvGbMMBTaO04w9xGmEk6U7_EVUZwTqc13bJS0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROz12i8m44NtWTnXoBuzW0jfLH2XO5N4HSdYjmqrj0cXYGiHxsuYY2wSvUVDc_c53vZ3pKoSENGZ1aMYWjCUbaetwH5U2tfmHd6QJq8NrKhAHbZOR4dDLiqjx41blPESFJdh4T32Hrcjx5qRbqZQnFGh-rsYB6bEXuhE0GRo7vBd4LcZkoewgbvxIGiIUnUqIH-jq46yRnVAzh7G2m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\npackage \"Lapisan Aplikasi\" {\r\n    [Aplikasi Web] -kanan-&gt; [Gerbang API]\r\n}\r\ndatabase \"Penyimpanan Data\" {\r\n    [Gerbang API] --&gt; [SQL Utama]\r\n    [Gerbang API] ..&gt; [Cache Redis] : \"Optimasi Baca\"\r\n}\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROz12i8m44NtWTnXoBuzW0jfLH2XO5N4HSdYjmqrj0cXYGiHxsuYY2wSvUVDc_c53vZ3pKoSENGZ1aMYWjCUbaetwH5U2tfmHd6QJq8NrKhAHbZOR4dDLiqjx41blPESFJdh4T32Hrcjx5qRbqZQnFGh-rsYB6bEXuhE0GRo7vBd4LcZkoewgbvxIGiIUnUqIH-jq46yRnVAzh7G2m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RO_D2i9038JlXNs7iFVs0Jn8Yu882jeA7ieUqcveW_rPjX5HyTrTUz63SmhCv4icdGIzNFjEHGxh2pO4EdEkung5nm5EJ5x3KqKGL9wfWk0QY3qthSHBABF35ZOeTCExKT5BHHO5Avm2PnqcA6JqWVfb_2v0_44KnntiaGVpBv4a8P6JvGbMMBTaO04w9xGmEk6U7_EVUZwTqc13bJS0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"RyuKigz\"><img alt=\"\" class=\"alignnone size-full wp-image-493\" decoding=\"async\" height=\"261\" sizes=\"(max-width: 367px) 100vw, 367px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c07cf2403.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c07cf2403.png 367w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c07cf2403-300x213.png 300w\" width=\"367\"\/><\/p>\n<p>Saat Anda menempelkan kode, panel sebelah kanan akan segera mengompilasi teks Anda dan menampilkan diagram visual yang bersih dan rapi.<\/p>\n<h2>Langkah 3: Ekspor dan Bagikan Karya Anda<\/h2>\n<p>Begitu Anda puas dengan tata letak Anda, Anda dapat langsung mengekspor atau berbagi dokumen Anda menggunakan bilah kontrol workspace yang terletak di bagian atas antarmuka:<\/p>\n<ol>\n<li><strong>Salin URL yang Dapat Dibagikan:<\/strong>Klik tombol <strong>Bagikan<\/strong> tombol untuk membuat tautan instan. VPasCode menggunakan serialisasi status tanpa basis data, yang berarti seluruh teks diagram Anda dikompres secara aman langsung ke hash URL. Siapa pun yang mengklik tautan Anda dapat melihat dan mengedit model kode yang persis secara instan.<\/li>\n<li><strong>Unduh Vektor Beresolusi Tinggi (SVG):<\/strong>Klik tombol <strong>Ekspor SVG<\/strong> tombol untuk mengunduh aset vektor yang dapat diskalakan. Ini sangat cocok untuk penyemat yang bersih di dalam repositori Git, wiki tim, atau file dokumentasi markdown teknis internal.<\/li>\n<li><strong>Unduh Gambar Statis (PNG):<\/strong>Klik <strong>Ekspor PNG<\/strong> untuk mendapatkan tampilan tangkapan beresolusi tinggi yang siap dijadikan langsung ke Slack, Microsoft Teams, atau presentasi desain.<\/li>\n<\/ol>\n<p>Sekarang Anda telah merender aset pertama Anda, jelajahi bagian-bagian berikutnya dari Dokumentasi kami untuk menguasai metode desain individu <a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/plantuml-playbook\/\"><strong>Panduan PlantUML<\/strong><\/a>, <a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/mermaid-js-playbook\/\"><strong>Panduan Mermaid<\/strong><\/a>, dan <a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/graphviz-playbook\/\"><strong>Panduan Graphviz<\/strong><\/a> metodologi desain!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Memulai dengan Visual Paradigm VPasCode membutuhkan waktu kurang dari satu menit. Karena platform ini sepenuhnya berbasis cloud, Anda tidak perlu menginstal runtime Java, mengonfigurasi modul Node.js, atau mengunduh dependensi ekstensi IDE yang berat. Anda dapat beralih dari sintaks teks mentah&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":2,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2132","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>60-Second Quickstart Guide | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Learn how to write, render, and export your first script in under a minute with VPasCode, your web-based diagram-as-code tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"60-Second Quickstart Guide | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Learn how to write, render, and export your first script in under a minute with VPasCode, your web-based diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c06358312.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/60-second-vpascode-quickstart-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/60-second-vpascode-quickstart-guide\\\/\",\"name\":\"60-Second Quickstart Guide | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/60-second-vpascode-quickstart-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/60-second-vpascode-quickstart-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a17c06358312.png\",\"datePublished\":\"2026-05-26T06:25:01+00:00\",\"description\":\"Learn how to write, render, and export your first script in under a minute with VPasCode, your web-based diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/60-second-vpascode-quickstart-guide\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/60-second-vpascode-quickstart-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/60-second-vpascode-quickstart-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a17c06358312.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a17c06358312.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/60-second-vpascode-quickstart-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Panduan Cepat 60 Detik VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"60-Second Quickstart Guide | VPasCode Text to Diagram Guide","description":"Learn how to write, render, and export your first script in under a minute with VPasCode, your web-based diagram-as-code tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/","og_locale":"id_ID","og_type":"article","og_title":"60-Second Quickstart Guide | VPasCode Text to Diagram Guide","og_description":"Learn how to write, render, and export your first script in under a minute with VPasCode, your web-based diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c06358312.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"3 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/","url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/","name":"60-Second Quickstart Guide | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c06358312.png","datePublished":"2026-05-26T06:25:01+00:00","description":"Learn how to write, render, and export your first script in under a minute with VPasCode, your web-based diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c06358312.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c06358312.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/id\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/id\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Panduan Cepat 60 Detik VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/id\/#website","url":"https:\/\/www.vpascode.com\/id\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/id\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs\/2132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/users\/4"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/media?parent=2132"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_collection?post=2132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}