{"id":2303,"date":"2026-06-19T16:17:11","date_gmt":"2026-06-19T16:17:11","guid":{"rendered":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/"},"modified":"2026-06-19T16:17:11","modified_gmt":"2026-06-19T16:17:11","slug":"seamlessly-connect-diagrams-to-documentation-with-opendocs","status":"publish","type":"post","link":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/","title":{"rendered":"Verbinden Sie Diagramme nahtlos mit Dokumentation \u00fcber OpenDocs"},"content":{"rendered":"<p>Dokumentation ist der stille Partner der Softwarearchitektur \u2013 unverzichtbar, aber oft vernachl\u00e4ssigt. Selbst die sorgf\u00e4ltigsten Diagramme werden innerhalb weniger Wochen veraltet, was zu Missverst\u00e4ndnissen und technischer Schuld f\u00fchrt. Traditionelle Dokumentationsworkflows basieren auf manuellen Exporten, Screenshot-Erfassungen und m\u00fchsamen Neuladungen, die bei drohenden Fristen unweigerlich \u00fcbersprungen werden. Die Folge? Eine Wissensdatenbank, der niemand vertraut.<\/p>\n<p><img fetchpriority=\"high\" alt=\"Diagram-as-code tool sending text to diagram output directly to OpenDocs\" class=\"alignnone\" decoding=\"async\" fetchpriority=\"high\" height=\"768\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/send-diagram-from-vpascode-to-opendocs.jpg\" width=\"1376\"\/><\/p>\n<p>VPasCode l\u00f6st dieses Problem, indem es als vielseitiges <a href=\"https:\/\/www.vpascode.com\/\"><strong>Diagram-as-Code-Tool<\/strong><\/a>fungiert, das sich direkt mit Visual Paradigm OpenDocs integriert und Ihre Workflows von Text zu Diagramm optimiert. Diese Integration verwandelt statische Diagramme in lebendige Dokumentationsassets, die sich gemeinsam mit Ihrem System weiterentwickeln.<\/p>\n<h2>Das Dokumentationsdilemma<\/h2>\n<p>Stellen Sie sich ein typisches Szenario vor: Ihr Team erstellt ein UML-Klassendiagramm, um eine neue Microservice-Architektur zu dokumentieren. Das Diagramm wird als PNG exportiert und in Ihre interne Wiki hochgeladen. In den n\u00e4chsten Sprints entwickelt sich die Architektur weiter \u2013 neue Endpunkte werden hinzugef\u00fcgt, Abh\u00e4ngigkeiten verschieben sich und Services werden refaktoriert. Das Diagramm jedoch bleibt unver\u00e4ndert. Innerhalb weniger Wochen ist es nicht nur veraltet, sondern aktiv irref\u00fchrend.<\/p>\n<p>Dies ist bekannt als <strong>\u201eDoc-Rot\u201c<\/strong>\u2014der allm\u00e4hliche Verfall der Dokumentationsgenauigkeit im Laufe der Zeit. Traditionelle Workflows erzeugen einen Teufelskreis:<\/p>\n<ul>\n<li><strong>Manuelle Exporte<\/strong>verbrauchen Entwicklerzeit und sind fehleranf\u00e4llig<\/li>\n<li><strong>Neuladungen<\/strong>bei jeder \u00c4nderung werden zur Last, sodass Updates verschoben werden<\/li>\n<li><strong>Veraltete Diagramme<\/strong>f\u00fchren zu Missverst\u00e4ndnissen und architektonischem Abdriften<\/li>\n<\/ul>\n<h2>Wie VPasCode mit OpenDocs verbunden ist<\/h2>\n<p>Als intuitives Diagram-as-Code-Tool fungiert <strong>VPasCode<\/strong>die entscheidende Br\u00fccke zwischen der Erstellung von Diagrammen aus Text und der Ver\u00f6ffentlichung von Dokumentation \u00fcber <strong>Visual Paradigms Pipeline<\/strong>.<\/p>\n<p>So funktioniert der Workflow:<\/p>\n<ol>\n<li><strong>Erstellen Sie Ihr Diagramm<\/strong>\u2014Erstellen Sie Ihr Diagramm\u2014Nutzen Sie unser Diagram-as-Code-Tool, um schnell PlantUML-, Mermaid- oder Graphviz-Text in Diagrammcode im <a href=\"https:\/\/www.vpascode.com\/editor\/\">VPasCode-Editor<\/a><\/li>\n<li><strong>An Pipeline senden<\/strong>\u2014Exportieren Sie Ihr Diagramm mit einem einzigen Klick an die Pipeline<\/li>\n<li><strong>In OpenDocs einf\u00fcgen<\/strong>\u2014F\u00fcgen Sie das Diagramm direkt auf jeder beliebigen OpenDocs-Dokumentenseite ein<\/li>\n<li><strong>Sofort aktualisieren<\/strong>\u2014Wenn sich das Diagramm \u00e4ndert, wechseln Sie ohne Neuladen zur neuesten Version<\/li>\n<\/ol>\n<p id=\"RNJPCii\"><img alt=\"Workflow diagram showing a diagram-as-code tool converting text to diagram and syncing via Pipeline\" class=\"alignnone wp-image-843 size-full\" decoding=\"async\" height=\"387\" sizes=\"(max-width: 801px) 100vw, 801px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/06\/img_6a356a77f2eb6.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/06\/img_6a356a77f2eb6.png 801w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/06\/img_6a356a77f2eb6-300x145.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/06\/img_6a356a77f2eb6-768x371.png 768w\" width=\"801\"\/><\/p>\n<h2>Vom Konzept zur Dokumentation in Sekunden<\/h2>\n<p>Der Exportvorgang ist bemerkenswert einfach und dauert weniger als wenige Sekunden:<\/p>\n<h3>Schritt 1: Exportieren Sie Ihr Diagramm aus VPasCode<\/h3>\n<p>Sobald Ihr <strong>Text-zu-Diagramm<\/strong>-Code in unserem Diagramm-als-Code-Tool korrekt dargestellt wird, verwenden Sie die Exportfunktion, um ihn an den <strong>OpenDocs-Pipeline<\/strong>.<\/p>\n<h3>Schritt 2: Einf\u00fcgen in Ihre Dokumentation<\/h3>\n<p>\u00d6ffnen Sie in OpenDocs die Dokumentseite, die Sie bearbeiten m\u00f6chten. Klicken Sie an die Stelle, an der das Diagramm erscheinen soll, und w\u00e4hlen Sie <strong>Pipeline<\/strong>aus der Symbolleiste aus, um das Pipeline-Fenster anzuzeigen. Ihr Diagramm wartet in der Asset-Liste. Klicken Sie auf <strong>Neueste Version einf\u00fcgen<\/strong>, um das Bild in das Dokument einzuf\u00fcgen.<\/p>\n<p><img alt=\"OpenDocs interface inserting text to diagram exports from the diagram-as-code tool\" class=\"alignnone\" decoding=\"async\" height=\"766\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a3125e97d6b9.png\" style=\"max-width: 100%; height: auto; margin: 1.5rem 0;\" width=\"1192\"\/><\/p>\n<h3>Schritt 3: Dokumentation synchron halten<\/h3>\n<p>Wenn sich Ihre Architektur weiterentwickelt, ist die Aktualisierung des Diagramms in Ihrem OpenDocs-Dokument m\u00fchelos:<\/p>\n<ul>\n<li>\u00d6ffnen Sie das Quelldiagramm in VPasCode und nehmen Sie Ihre \u00c4nderungen vor<\/li>\n<li>Exportieren Sie es erneut in die Pipeline<\/li>\n<li>F\u00fchren Sie in OpenDocs die vorherigen Schritte erneut aus, um das Bild in OpenDocs zu ersetzen.<\/li>\n<\/ul>\n<p>Dies beseitigt den manuellen Aufwand, der traditionelle Dokumentationsabl\u00e4ufe belastet. Keine Downloads, keine Dateikonvertierungen, keine Neugestaltung \u2013 nur ein Klick, um Ihre Dokumentation zu aktualisieren.<\/p>\n<h2>Dokumentation von statisch zu lebendig transformieren<\/h2>\n<p>Die Integration zwischen VPasCode und OpenDocs ver\u00e4ndert die Natur der Dokumentation grundlegend:<\/p>\n<h3>Kontextuelle Anreicherung<\/h3>\n<p>Innerhalb von OpenDocs werden Diagramme Teil eines reichhaltigeren Wissens\u00f6kosystems. Teams k\u00f6nnen jedes Diagramm umgeben mit:<\/p>\n<ul>\n<li><strong>Begr\u00fcndung des Designs<\/strong>\u2014warum bestimmte architektonische Entscheidungen getroffen wurden<\/li>\n<li><strong>Benutzerstories<\/strong>\u2014Verbindung technischer Implementierungen mit gesch\u00e4ftlichen Anforderungen<\/li>\n<li><strong>Technische Einschr\u00e4nkungen<\/strong>\u2014Dokumentation von Einschr\u00e4nkungen und Annahmen<\/li>\n<li><strong>Verwandte Ressourcen<\/strong>\u2014Verlinkung zu API-Dokumentation und Bereitstellungsleitf\u00e4den<\/li>\n<\/ul>\n<p>Diese Kontextualisierung verwandelt Diagramme von isolierten Artefakten in Knoten innerhalb eines verbundenen Wissensgraphen und macht sie f\u00fcr Teammitglieder, die nicht an den urspr\u00fcnglichen Designentscheidungen beteiligt waren, deutlich wertvoller.<\/p>\n<h2>Erste Schritte mit der Integration<\/h2>\n<p>Um Ihre VPasCode-Diagramme mit der OpenDocs-Dokumentation zu verbinden, gehen Sie einfach wie folgt vor:<\/p>\n<ol>\n<li>Erstellen Sie Ihr Diagramm im kostenlosen <a href=\"https:\/\/www.vpascode.com\/editor\/\" rel=\"noopener noreferrer\" target=\"_blank\">VPasCode-Editor<\/a><\/li>\n<li>Exportieren Sie es in die OpenDocs-Pipeline<\/li>\n<li>F\u00fcgen Sie es in Ihre OpenDocs-Wissensbasis ein<\/li>\n<\/ol>\n<p>Die Integration steht Benutzern der Visual Paradigm Professional Edition und h\u00f6her mit aktivem Wartungsvertrag zur Verf\u00fcgung. Dies bietet einen nahtlosen \u201eKonzept-zu-Dokumente\u201c-Workflow, der die manuellen H\u00fcrden beseitigt, die Modellierer und Dokumentierer seit Jahren belasten.<\/p>\n<hr \/>\n<p><em>H\u00f6ren Sie auf, Diagramme und Dokumentation als getrennte Anliegen zu betrachten. Erleben Sie unser leistungsstarkes Diagramm-als-Code-Tool unter vpascode.com, um Ihre Text-zu-Diagramm-Integration mit OpenDocs zu optimieren und Ihre Architektur-Dokumentation in ein lebendiges Asset zu verwandeln.<\/em><\/p>\n<h3 style=\"margin-top: 0; margin-bottom: 12px; font-size: 20px; color: #0f172a;\">Verbinden Sie Ihre Diagramme mit OpenDocs<\/h3>\n<p style=\"margin-bottom: 20px; color: #334155; line-height: 1.6;\">Beschleunigen Sie Ihren Dokumentationsprozess mit einem modernen Diagramm-als-Code-Tool, das Text m\u00fchelos in Diagramm-Code umwandelt.<\/p>\n<p><a href=\"https:\/\/www.vpascode.com\/editor\/\" style=\"display: inline-block; padding: 12px 24px; background-color: #0284c7; color: #ffffff; text-decoration: none; border-radius: 4px; font-weight: 600;\">Diagramm-als-Code jetzt KOSTENLOS starten<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"Dokumentation ist der stille Partner der Softwarearchitektur \u2013 unverzichtbar, aber oft vernachl\u00e4ssigt. Selbst die sorgf\u00e4ltigsten Diagramme werden innerhalb weniger Wochen veraltet, was zu Missverst\u00e4ndnissen und technischer Schuld f\u00fchrt. Traditionelle Dokumentationsworkflows basieren auf manuellen Exporten, Screenshot-Erfassungen und m\u00fchsamen Neuladungen, die bei&#8230;","protected":false},"author":4,"featured_media":2304,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"Connect Diagrams to Documentation | Text to Diagram with VPasCode","_yoast_wpseo_metadesc":"Keep system documentation up to date with OpenDocs and VPasCode, an integrated text to diagram and diagram-as-code tool for live previews.","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":""}},"source_url":"","fifu_image_url":"","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"","footnotes":""},"categories":[18],"tags":[],"asset-category":[],"class_list":["post-2303","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-features-updates"],"source_url":"","fifu_image_url":"","fifu_image_alt":"","vp_image_hash":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Connect Diagrams to Documentation | Text to Diagram with VPasCode<\/title>\n<meta name=\"description\" content=\"Keep system documentation up to date with OpenDocs and VPasCode, an integrated text to diagram and diagram-as-code tool for live previews.\" \/>\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\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Connect Diagrams to Documentation | Text to Diagram with VPasCode\" \/>\n<meta property=\"og:description\" content=\"Keep system documentation up to date with OpenDocs and VPasCode, an integrated text to diagram and diagram-as-code tool for live previews.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-19T16:17:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/img_6a356a77f2eb6-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"801\" \/>\n\t<meta property=\"og:image:height\" content=\"387\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"jick\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"4\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs\\\/\"},\"author\":{\"name\":\"jick\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#\\\/schema\\\/person\\\/cd8aa8455bd8bc6827b3efdfa79ad3a6\"},\"headline\":\"Verbinden Sie Diagramme nahtlos mit Dokumentation \u00fcber OpenDocs\",\"datePublished\":\"2026-06-19T16:17:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs\\\/\"},\"wordCount\":748,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/img_6a356a77f2eb6-2.png\",\"articleSection\":[\"Features &amp; Updates\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs\\\/\",\"name\":\"Connect Diagrams to Documentation | Text to Diagram with VPasCode\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/img_6a356a77f2eb6-2.png\",\"datePublished\":\"2026-06-19T16:17:11+00:00\",\"description\":\"Keep system documentation up to date with OpenDocs and VPasCode, an integrated text to diagram and diagram-as-code tool for live previews.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/img_6a356a77f2eb6-2.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/img_6a356a77f2eb6-2.png\",\"width\":801,\"height\":387},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Verbinden Sie Diagramme nahtlos mit Dokumentation \u00fcber OpenDocs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#\\\/schema\\\/person\\\/cd8aa8455bd8bc6827b3efdfa79ad3a6\",\"name\":\"jick\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g\",\"caption\":\"jick\"},\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/author\\\/jick\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Connect Diagrams to Documentation | Text to Diagram with VPasCode","description":"Keep system documentation up to date with OpenDocs and VPasCode, an integrated text to diagram and diagram-as-code tool for live previews.","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\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/","og_locale":"de_DE","og_type":"article","og_title":"Connect Diagrams to Documentation | Text to Diagram with VPasCode","og_description":"Keep system documentation up to date with OpenDocs and VPasCode, an integrated text to diagram and diagram-as-code tool for live previews.","og_url":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/","og_site_name":"VPasCode","article_published_time":"2026-06-19T16:17:11+00:00","og_image":[{"width":801,"height":387,"url":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/img_6a356a77f2eb6-2.png","type":"image\/png"}],"author":"jick","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":false,"Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/#article","isPartOf":{"@id":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/"},"author":{"name":"jick","@id":"https:\/\/www.vpascode.com\/de\/#\/schema\/person\/cd8aa8455bd8bc6827b3efdfa79ad3a6"},"headline":"Verbinden Sie Diagramme nahtlos mit Dokumentation \u00fcber OpenDocs","datePublished":"2026-06-19T16:17:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/"},"wordCount":748,"commentCount":0,"publisher":{"@id":"https:\/\/www.vpascode.com\/de\/#organization"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/img_6a356a77f2eb6-2.png","articleSection":["Features &amp; Updates"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/","url":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/","name":"Connect Diagrams to Documentation | Text to Diagram with VPasCode","isPartOf":{"@id":"https:\/\/www.vpascode.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/img_6a356a77f2eb6-2.png","datePublished":"2026-06-19T16:17:11+00:00","description":"Keep system documentation up to date with OpenDocs and VPasCode, an integrated text to diagram and diagram-as-code tool for live previews.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/#primaryimage","url":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/img_6a356a77f2eb6-2.png","contentUrl":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/img_6a356a77f2eb6-2.png","width":801,"height":387},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/de\/"},{"@type":"ListItem","position":2,"name":"Verbinden Sie Diagramme nahtlos mit Dokumentation \u00fcber OpenDocs"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/de\/#website","url":"https:\/\/www.vpascode.com\/de\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/de\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.vpascode.com\/de\/#\/schema\/person\/cd8aa8455bd8bc6827b3efdfa79ad3a6","name":"jick","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g","caption":"jick"},"url":"https:\/\/www.vpascode.com\/de\/author\/jick\/"}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/posts\/2303","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/comments?post=2303"}],"version-history":[{"count":0,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/posts\/2303\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/media\/2304"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/media?parent=2303"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/categories?post=2303"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/tags?post=2303"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/asset-category?post=2303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}