{"id":1958,"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-2\/"},"modified":"2026-06-19T16:17:11","modified_gmt":"2026-06-19T16:17:11","slug":"seamlessly-connect-diagrams-to-documentation-with-opendocs-2","status":"publish","type":"post","link":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\/","title":{"rendered":"Nahtlos Diagramme mit der Dokumentation \u00fcber OpenDocs verbinden"},"content":{"rendered":"<p>Die 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 technischem Schuldenhaufen f\u00fchrt. Traditionelle Dokumentationsabl\u00e4ufe beruhen auf manuellen Exporten, Bildschirmfotos und l\u00e4stigen Neupl\u00e4ttungen, die bei dringenden Fristen unweigerlich ausfallen. Das Ergebnis? Eine Wissensbasis, 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 dies, indem es als vielseitiges<a href=\"\/overview\"><strong>Diagramm-als-Code-Werkzeug<\/strong><\/a> fungiert, das direkt mit Visual Paradigm OpenDocs integriert ist und Ihre Text-zu-Diagramm-Workflows optimiert. Diese Integration verwandelt statische Diagramme in lebendige Dokumentationsressourcen, 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 Mikroservice-Architektur zu dokumentieren. Das Diagramm wird als PNG-Datei 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 Dienste werden umgeschrieben. Das Diagramm bleibt jedoch unver\u00e4ndert. Innerhalb weniger Wochen ist es nicht nur veraltet, sondern aktiv irref\u00fchrend.<\/p>\n<p>Dies wird als<strong>\u201eDoc-Rot\u201c<\/strong>\u2014der allm\u00e4hliche Verfall der Dokumentationsgenauigkeit im Laufe der Zeit. Traditionelle Abl\u00e4ufe erzeugen eine teuflische Spirale:<\/p>\n<ul>\n<li><strong>Manuelle Exporte<\/strong>verbrauchen Entwicklerzeit und sind fehleranf\u00e4llig<\/li>\n<li><strong>Neu-Uploads<\/strong>bei jeder \u00c4nderung wird zur Belastung, sodass Aktualisierungen hinausgeschoben werden<\/li>\n<li><strong>Veraltete Diagramme<\/strong>f\u00fchren zu Missverst\u00e4ndnissen und architektonischem Abweichen<\/li>\n<\/ul>\n<h2>Wie VPasCode mit OpenDocs verbunden wird<\/h2>\n<p>Als ein intuitives Diagramm-als-Code-Werkzeug<strong>VPasCode<\/strong>fungiert als entscheidender Br\u00fcckenkopf zwischen der Erstellung von Diagrammen aus Text und der Dokumentationsver\u00f6ffentlichung \u00fcber<strong>Visual Paradigms Pipeline<\/strong>.<\/p>\n<p>So funktioniert der Ablauf:<\/p>\n<ol>\n<li><strong>Erstellen Sie Ihr Diagramm<\/strong>\u2014Erstellen Sie Ihr Diagramm\u2014Verwenden Sie unser Diagramm-als-Code-Werkzeug, um schnell PlantUML-, Mermaid- oder Graphviz-Text in Diagrammcode im<a href=\"https:\/\/www.vpascode.com\/\">VPasCode-Editor<\/a><\/li>\n<li><strong>An die Pipeline senden<\/strong>\u2014Exportieren Sie Ihr Diagramm mit einem Klick an die Pipeline<\/li>\n<li><strong>In OpenDocs einf\u00fcgen<\/strong>\u2014Platzieren Sie das Diagramm direkt auf jeder OpenDocs-Dokumentseite<\/li>\n<li><strong>Sofort aktualisieren<\/strong>\u2014Wenn sich das Diagramm \u00e4ndert, wechseln Sie zur neuesten Version, ohne erneut hochzuladen<\/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>Von der Idee zur Dokumentation in Sekunden<\/h2>\n<p>Der Exportvorgang ist bemerkenswert einfach und dauert weniger als ein paar Sekunden:<\/p>\n<h3>Schritt 1: Exportieren Sie Ihr Diagramm aus VPasCode<\/h3>\n<p>Sobald Ihre<strong>Text zu Diagramm<\/strong>Code wird korrekt in unserem Diagramm-as-Code-Tool gerendert, verwenden Sie die Exportfunktion, um ihn an die<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 die Pipeline-Leiste zu \u00f6ffnen. Ihr Diagramm wartet in der Asset-Liste. Klicken Sie auf<strong>Letzte 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 aktuell halten<\/h3>\n<p>Wenn sich Ihre Architektur weiterentwickelt, ist die Aktualisierung des Diagramms in Ihrem OpenDocs-Dokument reibungslos:<\/p>\n<ul>\n<li>\u00d6ffnen Sie das Quell-Diagramm in VPasCode und treffen Sie Ihre \u00c4nderungen<\/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 die manuelle Aufwandslast, die traditionelle Dokumentationsabl\u00e4ufe belastet. Keine Downloads, keine Dateikonvertierungen, keine Neuausrichtung \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 grundlegend die Natur der Dokumentation:<\/p>\n<h3>Kontextreiche Bereicherung<\/h3>\n<p>Innerhalb von OpenDocs werden Diagramme Teil eines reichhaltigeren Wissens\u00f6kosystems. Teams k\u00f6nnen jedes Diagramm um folgendes erg\u00e4nzen:<\/p>\n<ul>\n<li><strong>Entwurfsrationalen<\/strong>\u2014warum bestimmte architektonische Entscheidungen getroffen wurden<\/li>\n<li><strong>Benutzerstories<\/strong>\u2014Verbindung technischer Umsetzungen mit gesch\u00e4ftlichen Anforderungen<\/li>\n<li><strong>Technische Beschr\u00e4nkungen<\/strong>\u2014Dokumentation von Einschr\u00e4nkungen und Annahmen<\/li>\n<li><strong>Verwandte Ressourcen<\/strong>\u2014Verkn\u00fcpfung mit API-Dokumentation und Bereitstellungsguides<\/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 Gestaltungsentscheidungen beteiligt waren, weitaus wertvoller.<\/p>\n<h2>Erste Schritte mit der Integration<\/h2>\n<p>Um die Verbindung Ihrer VPasCode-Diagramme mit der OpenDocs-Dokumentation zu beginnen, f\u00fchren Sie einfach folgende Schritte aus:<\/p>\n<ol>\n<li>Erstellen Sie Ihr Diagramm im kostenlosen <a href=\"https:\/\/www.vpascode.com\/\" 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 Nutzern der Professional Edition von Visual Paradigm und h\u00f6her mit aktiver Wartung zur Verf\u00fcgung. Dies bietet einen nahtlosen \u201eKonzept-zu-Dokumentation\u201c-Workflow, der die manuelle H\u00fcrde beseitigt, die Modellierer und Dokumentatoren jahrelang belastet hat.<\/p>\n<hr\/>\n<p><em>H\u00f6ren Sie auf, Diagramme und Dokumentation als getrennte Aspekte zu betrachten. Erleben Sie unser leistungsstarkes Diagramm-as-Code-Tool unter vpascode.com, um Ihre Text-zu-Diagramm-Integration mit OpenDocs zu optimieren und Ihre Architekturdokumentation 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-as-Code-Tool, das Text nahtlos in Diagrammcode umwandelt.<\/p>\n<p><a href=\"https:\/\/www.vpascode.com\/\" style=\"display: inline-block; padding: 12px 24px; background-color: #0284c7; color: #ffffff; text-decoration: none; border-radius: 4px; font-weight: 600;\">Starten Sie Diagramm-as-Code kostenlos<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die 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 technischem Schuldenhaufen f\u00fchrt. Traditionelle Dokumentationsabl\u00e4ufe beruhen auf manuellen Exporten, Bildschirmfotos und l\u00e4stigen Neupl\u00e4ttungen, die&#8230;<\/p>\n","protected":false},"author":4,"featured_media":1959,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","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":""}},"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[18],"tags":[],"class_list":["post-1958","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-features-updates"],"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-2\/\" \/>\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-2\/\" \/>\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-1.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-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\\\/\"},\"author\":{\"name\":\"jick\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#\\\/schema\\\/person\\\/cd8aa8455bd8bc6827b3efdfa79ad3a6\"},\"headline\":\"Nahtlos Diagramme mit der Dokumentation \u00fcber OpenDocs verbinden\",\"datePublished\":\"2026-06-19T16:17:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\\\/\"},\"wordCount\":740,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/img_6a356a77f2eb6-1.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-2\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\\\/\",\"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-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/img_6a356a77f2eb6-1.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-2\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/img_6a356a77f2eb6-1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/img_6a356a77f2eb6-1.png\",\"width\":801,\"height\":387},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nahtlos Diagramme mit der Dokumentation \u00fcber OpenDocs verbinden\"}]},{\"@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-2\/","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-2\/","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-1.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-2\/#article","isPartOf":{"@id":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\/"},"author":{"name":"jick","@id":"https:\/\/www.vpascode.com\/de\/#\/schema\/person\/cd8aa8455bd8bc6827b3efdfa79ad3a6"},"headline":"Nahtlos Diagramme mit der Dokumentation \u00fcber OpenDocs verbinden","datePublished":"2026-06-19T16:17:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\/"},"wordCount":740,"commentCount":0,"publisher":{"@id":"https:\/\/www.vpascode.com\/de\/#organization"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/img_6a356a77f2eb6-1.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-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\/","url":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\/","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-2\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/img_6a356a77f2eb6-1.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-2\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\/#primaryimage","url":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/img_6a356a77f2eb6-1.png","contentUrl":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/img_6a356a77f2eb6-1.png","width":801,"height":387},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/de\/seamlessly-connect-diagrams-to-documentation-with-opendocs-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/de\/"},{"@type":"ListItem","position":2,"name":"Nahtlos Diagramme mit der Dokumentation \u00fcber OpenDocs verbinden"}]},{"@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\/1958","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=1958"}],"version-history":[{"count":0,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/posts\/1958\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/media\/1959"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/media?parent=1958"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/categories?post=1958"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/tags?post=1958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}