{"id":50,"date":"2026-05-26T06:10:53","date_gmt":"2026-05-26T06:10:53","guid":{"rendered":"https:\/\/www.vpascode.com\/cn\/docs\/uncategorized\/introduction-getting-started\/welcome-to-vpascode\/"},"modified":"2026-08-05T06:33:34","modified_gmt":"2026-08-05T06:33:34","slug":"welcome-to-vpascode","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/introduction-getting-started\/welcome-to-vpascode\/","title":{"rendered":"Welcome to Visual Paradigm VPasCode: The Shift to Diagram-as-Code (DaC)"},"content":{"rendered":"<p>Welcome to <strong>Visual Paradigm VPasCode<\/strong>, the unified platform designed to empower developers, solution architects, and engineering teams with the speed and precision of <strong>Diagram-as-Code (DaC)<\/strong> workflows. Created by Visual Paradigm, VPasCode complements traditional visual design suites by offering a high-velocity, text-driven environment tailored specifically for modern software development pipelines.<\/p>\n<p><em>\ud83d\udde3\ufe0f <strong>How to pronounce our name:<\/strong> VPasCode is pronounced letter-by-letter for the prefix: <strong>&#8220;V-P-as-code&#8221;<\/strong> (not &#8220;V-Pas-code&#8221;). Think of it as &#8220;Visual Paradigm as Code&#8221;!<\/em><\/p>\n<p id=\"EaFZKyV\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-491 size-full\" src=\"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/05\/img_6a17bfb3eef7d.png\" alt=\"The user interface of VPasCode - An All-in-One text-to-diagram (or diagram-as-code) editor\" width=\"1192\" height=\"745\" srcset=\"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/05\/img_6a17bfb3eef7d.png 1192w, https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/05\/img_6a17bfb3eef7d-300x188.png 300w, https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/05\/img_6a17bfb3eef7d-1024x640.png 1024w, https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/05\/img_6a17bfb3eef7d-768x480.png 768w\" sizes=\"(max-width: 1192px) 100vw, 1192px\" \/><\/p>\n<p>Software architecture evolves rapidly alongside source code. VPasCode meets developers exactly where they work\u2014in the text editor\u2014allowing them to translate structural logic, system relationships, and data flows into clean, instant visual assets purely through code notation.<\/p>\n<h2>The Power of Text-to-Diagram Workflows<\/h2>\n<p>While visual drag-and-drop canvases remain the gold standard for high-level system design and deep modeling engineering, text-to-diagram workflows offer an agile, lightweight alternative for rapid documentation and iterative software mapping. By declaring system structures using text, teams unlock several distinct advantages:<\/p>\n<ul>\n<li><strong>Automated Layout Engineering:<\/strong> Instead of manually routing lines and aligning bounding boxes, developers simply define the relationships. The rendering engines automatically calculate spatial distribution, padding, and optimal grid scaling layout matrices.<\/li>\n<li><strong>Uniform Design Consistency:<\/strong> Text-driven scripts enforce precise aesthetic standards across all documentation. Layouts automatically inherit structured styling, ensuring a clean and uniform look across every team asset without manual formatting.<\/li>\n<\/ul>\n<h2>The VPasCode Advantage: A Unified Engine Ecosystem<\/h2>\n<p>The developer community has organically embraced phenomenal open-source syntax engines, most notably <strong>PlantUML<\/strong> for rich enterprise styling, <strong>Mermaid.js<\/strong> for agile web markdown integration, and <strong>Graphviz<\/strong> for advanced network and pipeline topologies. Each engine serves a unique purpose and boasts a massive, passionate user base.<\/p>\n<p>Historically, leveraging these different syntaxes meant managing fragmented local environments, installing specific language dependencies, or hopping between disconnected web tools. VPasCode eliminates this friction by bringing these powerful engines together under a single, cohesive roof.<\/p>\n<blockquote><p><strong>VPasCode provides a centralized workspace:<\/strong> A dual-panel editing canvas that auto-detects and instantly parses Mermaid syntax, PlantUML formats, and Graphviz configurations simultaneously. There are no local setups required\u2014just a pure, high-fidelity environment built to streamline the way technical teams write, render, and share their architectural ideas.<\/p><\/blockquote>\n<p>With immediate high-fidelity rendering, seamless URL sharing mechanics, and high-resolution vector exports, VPasCode acts as your ultimate text-to-diagram hub. Write text. Accelerate your documentation.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to Visual Paradigm VPasCode, the&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":45,"menu_order":0,"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-50","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>Welcome to Visual Paradigm VPasCode: The Shift to Diagram-as-Code (DaC) - VPasCode<\/title>\n<meta name=\"description\" content=\"Get started with VPasCode, a free diagram-as-code tool built for engineering teams. Convert plain text to diagram models using top open-source syntax engines.\" \/>\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\/cn\/docs\/vpascode-docs\/introduction-getting-started\/welcome-to-vpascode\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Welcome to Visual Paradigm VPasCode: The Shift to Diagram-as-Code (DaC) - VPasCode\" \/>\n<meta property=\"og:description\" content=\"Get started with VPasCode, a free diagram-as-code tool built for engineering teams. Convert plain text to diagram models using top open-source syntax engines.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/introduction-getting-started\/welcome-to-vpascode\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-05T06:33:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/05\/img_6a17bfb3eef7d.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/introduction-getting-started\\\/welcome-to-vpascode\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/introduction-getting-started\\\/welcome-to-vpascode\\\/\",\"name\":\"Welcome to Visual Paradigm VPasCode: The Shift to Diagram-as-Code (DaC) - VPasCode\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/introduction-getting-started\\\/welcome-to-vpascode\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/introduction-getting-started\\\/welcome-to-vpascode\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/05\\\/img_6a17bfb3eef7d.png\",\"datePublished\":\"2026-05-26T06:10:53+00:00\",\"dateModified\":\"2026-08-05T06:33:34+00:00\",\"description\":\"Get started with VPasCode, a free diagram-as-code tool built for engineering teams. Convert plain text to diagram models using top open-source syntax engines.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/introduction-getting-started\\\/welcome-to-vpascode\\\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/introduction-getting-started\\\/welcome-to-vpascode\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/introduction-getting-started\\\/welcome-to-vpascode\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/05\\\/img_6a17bfb3eef7d.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/05\\\/img_6a17bfb3eef7d.png\",\"width\":1192,\"height\":745},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/introduction-getting-started\\\/welcome-to-vpascode\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Introduction &#038; Getting Started\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/introduction-getting-started\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Welcome to Visual Paradigm VPasCode: The Shift to Diagram-as-Code (DaC)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Welcome to Visual Paradigm VPasCode: The Shift to Diagram-as-Code (DaC) - VPasCode","description":"Get started with VPasCode, a free diagram-as-code tool built for engineering teams. Convert plain text to diagram models using top open-source syntax engines.","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\/cn\/docs\/vpascode-docs\/introduction-getting-started\/welcome-to-vpascode\/","og_locale":"zh_CN","og_type":"article","og_title":"Welcome to Visual Paradigm VPasCode: The Shift to Diagram-as-Code (DaC) - VPasCode","og_description":"Get started with VPasCode, a free diagram-as-code tool built for engineering teams. Convert plain text to diagram models using top open-source syntax engines.","og_url":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/introduction-getting-started\/welcome-to-vpascode\/","og_site_name":"VPasCode","article_modified_time":"2026-08-05T06:33:34+00:00","og_image":[{"url":"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/05\/img_6a17bfb3eef7d.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"2 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/introduction-getting-started\/welcome-to-vpascode\/","url":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/introduction-getting-started\/welcome-to-vpascode\/","name":"Welcome to Visual Paradigm VPasCode: The Shift to Diagram-as-Code (DaC) - VPasCode","isPartOf":{"@id":"https:\/\/www.vpascode.com\/cn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/introduction-getting-started\/welcome-to-vpascode\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/introduction-getting-started\/welcome-to-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/05\/img_6a17bfb3eef7d.png","datePublished":"2026-05-26T06:10:53+00:00","dateModified":"2026-08-05T06:33:34+00:00","description":"Get started with VPasCode, a free diagram-as-code tool built for engineering teams. Convert plain text to diagram models using top open-source syntax engines.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/introduction-getting-started\/welcome-to-vpascode\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/introduction-getting-started\/welcome-to-vpascode\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/introduction-getting-started\/welcome-to-vpascode\/#primaryimage","url":"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/05\/img_6a17bfb3eef7d.png","contentUrl":"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/05\/img_6a17bfb3eef7d.png","width":1192,"height":745},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/introduction-getting-started\/welcome-to-vpascode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/cn\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/cn\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Introduction &#038; Getting Started","item":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/introduction-getting-started\/"},{"@type":"ListItem","position":4,"name":"Welcome to Visual Paradigm VPasCode: The Shift to Diagram-as-Code (DaC)"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/cn\/#website","url":"https:\/\/www.vpascode.com\/cn\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/cn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/cn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/cn\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/cn\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.vpascode.com\/cn\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/cn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/cn\/wp-json\/wp\/v2\/ld_docs\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/cn\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/cn\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/cn\/wp-json\/wp\/v2\/users\/4"}],"up":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/cn\/wp-json\/wp\/v2\/ld_docs\/45"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/cn\/wp-json\/wp\/v2\/media?parent=50"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/cn\/wp-json\/wp\/v2\/ld_collection?post=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}