{"id":2882,"date":"2026-09-21T10:15:10","date_gmt":"2026-09-21T02:15:10","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/"},"modified":"2026-09-21T10:15:29","modified_gmt":"2026-09-21T02:15:29","slug":"opendocs-editable-diagrams-vpascode-integration","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/","title":{"rendered":"Int\u00e9grez des diagrammes modifiables dans Visual Paradigm OpenDocs gr\u00e2ce \u00e0 VPasCode"},"content":{"rendered":"<p>Visual Paradigm est heureux d&#8217;annoncer une am\u00e9lioration importante de <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">Visual Paradigm OpenDocs<\/a>: les utilisateurs peuvent d\u00e9sormais cr\u00e9er et ins\u00e9rer des diagrammes modifiables directement dans les pages de documents gr\u00e2ce \u00e0 l&#8217;int\u00e9gration avec <a href=\"https:\/\/www.visual-paradigm.com\/features\/vpascode\/\">Visual Paradigm VPasCode<\/a>.<\/p>\n<p>Cette nouvelle fonctionnalit\u00e9 relie la documentation et la cr\u00e9ation de diagrammes dans un flux de travail optimis\u00e9. Au lieu de cr\u00e9er un diagramme dans une application distincte, de l&#8217;exporter en tant qu&#8217;image et de placer manuellement cette image dans un document, les utilisateurs peuvent d\u00e9sormais cr\u00e9er un diagramme avec le diagramme en tant que code, l&#8217;ins\u00e9rer dans OpenDocs et le rouvrir pour modification \u00e0 tout moment en cas de besoin de changement.<\/p>\n<p>Le r\u00e9sultat est un outil de gestion des connaissances plus flexible pour les \u00e9quipes logicielles, les r\u00e9dacteurs techniques, les architectes, les analystes d&#8217;affaires, les chefs de produit et toute personne ayant besoin d&#8217;expliquer visuellement des id\u00e9es complexes.<\/p>\n<p><a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">Ouvrez Visual Paradigm OpenDocs<\/a> et commencez d\u00e8s aujourd&#8217;hui \u00e0 cr\u00e9er de la documentation avec des diagrammes modifiables.<\/p>\n<p><img fetchpriority=\"high\" alt=\"Infographie montrant comment cr\u00e9er, ins\u00e9rer et modifier des diagrammes dans Visual Paradigm OpenDocs avec VPasCode\" class=\"alignnone size-full wp-image-4215\" decoding=\"async\" fetchpriority=\"high\" height=\"1024\" sizes=\"(max-width: 1536px) 100vw, 1536px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic.jpeg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic.jpeg 1536w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic-300x200.jpeg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic-1024x683.jpeg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic-768x512.jpeg 768w\" width=\"1536\"\/><\/p>\n<h2>Quoi de neuf dans Visual Paradigm OpenDocs ?<\/h2>\n<p>OpenDocs permet d\u00e9sormais aux utilisateurs d&#8217;ins\u00e9rer des diagrammes dans une page gr\u00e2ce \u00e0 l&#8217;int\u00e9gration VPasCode. Le diagramme est ajout\u00e9 \u00e0 la position du curseur de texte et peut \u00eatre modifi\u00e9 \u00e0 nouveau apr\u00e8s son insertion.<\/p>\n<p>Cela signifie que les diagrammes ne sont plus limit\u00e9s \u00e0 des images statiques ajout\u00e9es apr\u00e8s l&#8217;ach\u00e8vement du processus d&#8217;\u00e9criture. Ils peuvent devenir des parties actives et modifiables d&#8217;un document qui soutiennent l&#8217;explication, la collaboration, la planification, l&#8217;analyse et le partage des connaissances.<\/p>\n<p>Que vous pr\u00e9pariez une sp\u00e9cification des exigences logicielles, cr\u00e9iez un wiki de projet interne, documentiez une architecture syst\u00e8me, publiez un guide de processus ou construisez une base de connaissances produit, vous pouvez d\u00e9sormais combiner du contenu \u00e9crit et des mod\u00e8les visuels dans le m\u00eame document.<\/p>\n<h2>Pourquoi cette am\u00e9lioration est importante<\/h2>\n<p>Les documents sont souvent plus utiles lorsqu&#8217;ils combinent des explications claires avec des diagrammes. Les descriptions \u00e9crites fournissent un contexte et des d\u00e9tails, tandis que les diagrammes aident les lecteurs \u00e0 comprendre les relations, les s\u00e9quences, les d\u00e9pendances, les structures et les flux de travail d&#8217;un coup d&#8217;\u0153il.<\/p>\n<p>Cependant, la cr\u00e9ation et la maintenance de diagrammes dans la documentation peuvent \u00eatre inconfortables. Un flux de travail courant consiste \u00e0 utiliser un outil pour cr\u00e9er le diagramme, \u00e0 exporter le r\u00e9sultat sous forme de fichier PNG ou SVG, \u00e0 t\u00e9l\u00e9charger l&#8217;image dans un document, et \u00e0 r\u00e9p\u00e9ter le processus \u00e0 chaque fois que le diagramme change. Cela peut cr\u00e9er un travail inutile et entra\u00eener des visuels obsol\u00e8tes, des fichiers dupliqu\u00e9s ou une confusion quant \u00e0 la version la plus r\u00e9cente.<\/p>\n<p>L&#8217;int\u00e9gration entre OpenDocs et VPasCode r\u00e9duit cette friction en rapprochant la cr\u00e9ation de diagrammes du flux de travail de documentation. Les utilisateurs peuvent cr\u00e9er un diagramme l\u00e0 o\u00f9 il est n\u00e9cessaire, l&#8217;ins\u00e9rer dans la page, puis revenir \u00e0 l&#8217;\u00e9diteur de diagrammes plus tard pour des r\u00e9visions.<\/p>\n<h3>Gardez les explications visuelles \u00e0 proximit\u00e9 du contenu pertinent<\/h3>\n<p>Un diagramme est le plus efficace lorsqu&#8217;il appara\u00eet \u00e0 c\u00f4t\u00e9 de l&#8217;explication qu&#8217;il soutient. Gr\u00e2ce \u00e0 la nouvelle fonctionnalit\u00e9 d&#8217;OpenDocs, les utilisateurs peuvent placer un organigramme sous une description de processus, ajouter un diagramme de s\u00e9quence \u00e0 c\u00f4t\u00e9 d&#8217;une explication d&#8217;API, ou inclure un diagramme d&#8217;architecture syst\u00e8me dans une sp\u00e9cification technique.<\/p>\n<p>Cela rend les documents plus faciles \u00e0 lire et aide les utilisateurs \u00e0 comprendre la relation entre les informations \u00e9crites et les informations visuelles sans avoir \u00e0 basculer entre plusieurs applications.<\/p>\n<h3>R\u00e9duisez le travail manuel d&#8217;exportation et de t\u00e9l\u00e9chargement<\/h3>\n<p>VPasCode cr\u00e9e des diagrammes \u00e0 partir de langages de diagrammes bas\u00e9s sur du texte et les rend visuellement dans le navigateur. Gr\u00e2ce \u00e0 l&#8217;int\u00e9gration OpenDocs, les utilisateurs peuvent ins\u00e9rer le r\u00e9sultat directement dans une page au lieu de t\u00e9l\u00e9charger manuellement une image et de la t\u00e9l\u00e9charger dans un document.<\/p>\n<p>R\u00e9duire ces \u00e9tapes r\u00e9p\u00e9titives peut aider les \u00e9quipes \u00e0 gagner du temps et \u00e0 maintenir un processus de documentation plus propre, en particulier lorsque les diagrammes sont mis \u00e0 jour fr\u00e9quemment pendant le d\u00e9veloppement ou la planification de projet.<\/p>\n<h3>Rendre les diagrammes modifiables apr\u00e8s l&#8217;insertion<\/h3>\n<p>Les exigences changent. Les syst\u00e8mes \u00e9voluent. Les processus d&#8217;affaires sont r\u00e9vis\u00e9s. Un diagramme qui d\u00e9crit avec pr\u00e9cision un projet aujourd&#8217;hui peut devoir \u00eatre mis \u00e0 jour demain.<\/p>\n<p>Comme les diagrammes ins\u00e9r\u00e9s via VPasCode restent modifiables, les utilisateurs peuvent rouvrir l&#8217;\u00e9diteur de diagrammes depuis OpenDocs, modifier le code du diagramme, enregistrer les modifications et actualiser le diagramme dans le document. Cela facilite l&#8217;affinement du contenu visuel \u00e0 mesure que les id\u00e9es et les projets \u00e9voluent.<\/p>\n<h3>Prendre en charge plus d&#8217;un style de diagramme<\/h3>\n<p>Diff\u00e9rents projets n\u00e9cessitent diff\u00e9rents types de communication visuelle. Un architecte logiciel peut avoir besoin d&#8217;un mod\u00e8le C4 ou d&#8217;un diagramme de d\u00e9ploiement. Un analyste d&#8217;affaires peut avoir besoin d&#8217;un organigramme de processus ou d&#8217;une carte de parcours utilisateur. Un chef de projet peut avoir besoin d&#8217;un diagramme de Gantt ou d&#8217;une feuille de route. Un r\u00e9dacteur technique peut avoir besoin d&#8217;une carte mentale, d&#8217;un diagramme de s\u00e9quence ou d&#8217;un diagramme de relation d&#8217;entit\u00e9s.<\/p>\n<p>VPasCode prend en charge une large gamme de formats de diagrammes et de technologies de visualisation, notamment PlantUML, Mermaid, Graphviz, D2, Markmap et ECharts. Il prend \u00e9galement en charge les donn\u00e9es structur\u00e9es et d&#8217;autres formats bas\u00e9s sur du code qui peuvent \u00eatre utilis\u00e9s pour cr\u00e9er des repr\u00e9sentations visuelles.<\/p>\n<h2>Qu&#8217;est-ce que Visual Paradigm VPasCode ?<\/h2>\n<p><a href=\"https:\/\/www.visual-paradigm.com\/features\/vpascode\/\">Visual Paradigm VPasCode<\/a>est une plateforme en ligne de diagrammes en tant que code qui permet aux utilisateurs de cr\u00e9er des diagrammes en r\u00e9digeant des descriptions textuelles. Elle combine un \u00e9diteur de code avec un aper\u00e7u visuel en temps r\u00e9el, permettant aux utilisateurs de voir le diagramme au fur et \u00e0 mesure qu&#8217;ils \u00e9crivent ou modifient le code.<\/p>\n<p>Au lieu de dessiner manuellement chaque forme et connecteur, les utilisateurs d\u00e9crivent la structure d&#8217;un diagramme en utilisant une syntaxe prise en charge. VPasCode rend ensuite le r\u00e9sultat sous forme de diagramme visuel.<\/p>\n<p>Cette approche est particuli\u00e8rement utile pour les d\u00e9veloppeurs, les architectes logiciels, les \u00e9quipes techniques et d&#8217;autres utilisateurs qui souhaitent un moyen rapide et r\u00e9p\u00e9table de cr\u00e9er des diagrammes. Elle est \u00e9galement utile pour les \u00e9quipes qui pr\u00e9f\u00e8rent des diagrammes qui peuvent \u00eatre examin\u00e9s et affin\u00e9s sous forme de texte.<\/p>\n<p>VPasCode inclut des exemples pour diff\u00e9rents types et formats de diagrammes, ce qui facilite le d\u00e9marrage pour les nouveaux utilisateurs. Les utilisateurs peuvent \u00e9galement<a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-ai-diagram-generation-code-modification-update\/\">utiliser l&#8217;IA pour g\u00e9n\u00e9rer du code de diagramme<\/a>\u00e0 partir d&#8217;une description en langage naturel.<\/p>\n<p id=\"RLYEeVU\"><img alt=\"G\u00e9n\u00e9rer un diagramme dans Visual Paradigm VPasCode avec l'IA\" class=\"alignnone wp-image-4226 size-full\" decoding=\"async\" height=\"370\" sizes=\"(max-width: 579px) 100vw, 579px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0910cd1b6c.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0910cd1b6c.png 579w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0910cd1b6c-300x192.png 300w\" width=\"579\"\/><\/p>\n<h2>Formats de diagrammes et de visualisations pris en charge<\/h2>\n<p>Gr\u00e2ce \u00e0 VPasCode, les utilisateurs d&#8217;OpenDocs peuvent cr\u00e9er et ins\u00e9rer de nombreux types diff\u00e9rents de diagrammes et de visualisations. Les formats pris en charge incluent :<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/plantuml-playbook\/\">PlantUML<\/a>:<\/strong> Diagrammes de classes, diagrammes de s\u00e9quence, diagrammes de cas d&#8217;utilisation, diagrammes d&#8217;activit\u00e9, diagrammes de composants, diagrammes de d\u00e9ploiement, diagrammes d&#8217;\u00e9tats, diagrammes ER, diagrammes ArchiMate, mod\u00e8les C4, cartes mentales, diagrammes de Gantt, et plus encore.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/mermaid-js-playbook\/\">Mermaid<\/a>:<\/strong> Diagrammes de flux, diagrammes de classes, diagrammes de s\u00e9quence, diagrammes de relations d&#8217;entit\u00e9s, diagrammes d&#8217;\u00e9tats, cartes mentales, diagrammes C4, diagrammes de Gantt, chronologies, cartes de parcours utilisateur, graphiques Git, diagrammes Kanban, et plus encore.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/graphviz-playbook\/\">Graphviz<\/a>:<\/strong> Graphiques, diagrammes de r\u00e9seau, diagrammes hi\u00e9rarchiques, organigrammes et visualisations de relations.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/d2-playbook\/\">D2<\/a>:<\/strong> Diagrammes d\u00e9claratifs modernes pour l&#8217;architecture, les syst\u00e8mes, les flux de travail et les relations.<\/li>\n<li><strong>Markmap :<\/strong> Cartes mentales interactives g\u00e9n\u00e9r\u00e9es \u00e0 partir de contenu au style Markdown.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/echarts-playbook\/\">ECharts<\/a>:<\/strong> Graphiques et visualisations bas\u00e9s sur les donn\u00e9es.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/data-and-schemas\/\">Formats de donn\u00e9es et de sch\u00e9mas<\/a>:<\/strong> JSON, YAML, XML, CSV, TOML, DBML et SQL.<\/li>\n<\/ul>\n<p>Cette gamme de technologies prises en charge fait d&#8217;OpenDocs une plateforme de documentation plus performante pour les \u00e9quipes qui doivent cr\u00e9er \u00e0 la fois des visuels commerciaux traditionnels et des diagrammes techniques.<\/p>\n<h2>Cr\u00e9ation de diagrammes assist\u00e9e par l&#8217;IA<\/h2>\n<p>Les utilisateurs n&#8217;ont pas besoin de m\u00e9moriser chaque syntaxe de diagramme avant de commencer. VPasCode inclut une g\u00e9n\u00e9ration de diagrammes assist\u00e9e par l&#8217;IA qui peut aider \u00e0 transformer une demande en langage naturel en code de diagramme.<\/p>\n<p>Par exemple, un utilisateur pourrait demander :<\/p>\n<blockquote>\n<p>Cr\u00e9ez un diagramme de s\u00e9quence montrant un client se connectant via une application web, un service d&#8217;authentification et une base de donn\u00e9es.<\/p>\n<\/blockquote>\n<p>VPasCode peut utiliser la demande pour g\u00e9n\u00e9rer du code de diagramme que les utilisateurs peuvent examiner, ajuster et ins\u00e9rer dans OpenDocs. Les utilisateurs peuvent ensuite affiner le code manuellement ou demander \u00e0 l&#8217;IA de modifier le diagramme selon une nouvelle exigence.<\/p>\n<p id=\"cmmHbdq\"><img alt=\"Illustration montrant comment g\u00e9n\u00e9rer un diagramme de s\u00e9quence UML dans VPasCode en utilisant l'IA\" class=\"alignnone wp-image-4227 size-full\" decoding=\"async\" height=\"642\" sizes=\"(max-width: 1219px) 100vw, 1219px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8.png 1219w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8-300x158.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8-1024x539.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8-768x404.png 768w\" width=\"1219\"\/><\/p>\n<p>L&#8217;assistance par l&#8217;IA peut \u00eatre utile lorsque :<\/p>\n<ul>\n<li>Vous savez ce que vous voulez communiquer, mais vous ne connaissez pas la syntaxe requise.<\/li>\n<li>Vous souhaitez cr\u00e9er rapidement un diagramme initial.<\/li>\n<li>Vous devez ajouter ou supprimer des \u00e9tapes, des composants, des relations ou des branches.<\/li>\n<li>Vous souhaitez simplifier un diagramme complexe.<\/li>\n<li>Vous avez besoin d&#8217;aide pour corriger les erreurs de code de diagramme.<\/li>\n<li>Vous souhaitez traduire les libell\u00e9s des diagrammes pour une \u00e9quipe internationale.<\/li>\n<\/ul>\n<p>Les diagrammes g\u00e9n\u00e9r\u00e9s par l&#8217;IA restent modifiables, ce qui signifie que les utilisateurs peuvent consid\u00e9rer le r\u00e9sultat g\u00e9n\u00e9r\u00e9 comme un point de d\u00e9part et l&#8217;ajuster pour qu&#8217;il corresponde aux exigences de leur projet.<\/p>\n<h2>Comment ins\u00e9rer un diagramme modifiable dans une page OpenDocs<\/h2>\n<p>Suivez ces \u00e9tapes pour cr\u00e9er et ins\u00e9rer un diagramme dans une page de document :<\/p>\n<ol>\n<li>Ouvrez <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">Visual Paradigm OpenDocs<\/a>.<\/li>\n<li>Cr\u00e9ez une nouvelle page ou ouvrez une page existante.<\/li>\n<li>Cliquez sur <strong>Modifier<\/strong> dans le coin sup\u00e9rieur droit de la page.\n<p id=\"UcRCNdQ\"><img loading=\"lazy\" alt=\"Pour modifier une page OpenDocs\" class=\"alignnone wp-image-4217 size-full\" decoding=\"async\" height=\"124\" loading=\"lazy\" sizes=\"auto, (max-width: 499px) 100vw, 499px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08f85a9fcf.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08f85a9fcf.png 499w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08f85a9fcf-300x75.png 300w\" width=\"499\"\/><\/p>\n<\/li>\n<li>Placez le curseur de texte \u00e0 l&#8217;endroit o\u00f9 vous souhaitez que le diagramme apparaisse.\n<p id=\"OlxiXlm\"><img loading=\"lazy\" alt=\"Curseur plac\u00e9 \u00e0 l'int\u00e9rieur d'une page OpenDocs, pr\u00eat \u00e0 ins\u00e9rer un diagramme \u00e0 cet endroit\" class=\"alignnone wp-image-4218 size-full\" decoding=\"async\" height=\"254\" loading=\"lazy\" sizes=\"auto, (max-width: 603px) 100vw, 603px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fb638f26.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fb638f26.png 603w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fb638f26-300x126.png 300w\" width=\"603\"\/><\/p>\n<\/li>\n<li>Cliquez sur le <strong>+<\/strong> bouton de la barre d&#8217;outils pour ouvrir la <strong>Cr\u00e9er un artefact<\/strong> fen\u00eatre.\n<p id=\"BwzynXL\"><img loading=\"lazy\" alt=\"Clic sur le bouton Ins\u00e9rer dans OpenDocs. (Pr\u00eat \u00e0 ins\u00e9rer un diagramme dans OpenDocs)\" class=\"alignnone wp-image-4219 size-full\" decoding=\"async\" height=\"183\" loading=\"lazy\" sizes=\"auto, (max-width: 422px) 100vw, 422px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fc412654.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fc412654.png 422w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fc412654-300x130.png 300w\" width=\"422\"\/><\/p>\n<\/li>\n<li>S\u00e9lectionnez <strong>VPasCode<\/strong> depuis le menu \u00e0 gauche.<\/li>\n<li>Cliquez sur <strong>VPasCode<\/strong> \u00e0 droite pour ouvrir l&#8217;\u00e9diteur de diagrammes.\n<p id=\"VpteBeW\"><img loading=\"lazy\" alt=\"Pour cr\u00e9er un diagramme vierge dans VPasCode\" class=\"alignnone wp-image-4220 size-full\" decoding=\"async\" height=\"356\" loading=\"lazy\" sizes=\"auto, (max-width: 557px) 100vw, 557px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fda16038.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fda16038.png 557w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fda16038-300x192.png 300w\" width=\"557\"\/><\/p>\n<\/li>\n<li>\u00c9crivez ou collez le code du diagramme dans l&#8217;\u00e9diteur \u00e0 gauche.\n<p id=\"sDzKCEU\"><img loading=\"lazy\" alt=\"Interface utilisateur de VPasCode. Le c\u00f4t\u00e9 gauche affiche l'\u00e9diteur de code (vide). Le c\u00f4t\u00e9 droit liste les exemples de diagrammes disponibles (cliquez pour charger).\" class=\"alignnone wp-image-4221 size-full\" decoding=\"async\" height=\"659\" loading=\"lazy\" sizes=\"auto, (max-width: 1316px) 100vw, 1316px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4.png 1316w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4-300x150.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4-1024x513.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4-768x385.png 768w\" width=\"1316\"\/><\/p>\n<\/li>\n<li>V\u00e9rifiez l&#8217;aper\u00e7u en temps r\u00e9el et apportez les modifications n\u00e9cessaires.\n<p id=\"gCGGUgP\"><img loading=\"lazy\" alt=\"Un diagramme de classes est cr\u00e9\u00e9 dans Visual Paradigm VPasCode.\" class=\"alignnone wp-image-4222 size-full\" decoding=\"async\" height=\"790\" loading=\"lazy\" sizes=\"auto, (max-width: 1577px) 100vw, 1577px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4.png 1577w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4-300x150.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4-1024x513.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4-768x385.png 768w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4-1536x769.png 1536w\" width=\"1577\"\/><\/p>\n<\/li>\n<li>Cliquez sur <strong>Enregistrer<\/strong> dans le coin sup\u00e9rieur droit de l&#8217;\u00e9diteur VPasCode.\n<p id=\"EylzoPj\"><img loading=\"lazy\" alt=\"Enregistrer le diagramme dans VPasCode.\" class=\"alignnone wp-image-4223 size-full\" decoding=\"async\" height=\"120\" loading=\"lazy\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0908a55169.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0908a55169.png 508w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0908a55169-300x71.png 300w\" width=\"508\"\/><\/p>\n<\/li>\n<li>Cliquez sur <strong>Fermer<\/strong> pour revenir \u00e0 la page OpenDocs.<\/li>\n<li>Le diagramme sera ins\u00e9r\u00e9 \u00e0 la position du curseur de texte.\n<p id=\"ygjbylS\"><img loading=\"lazy\" alt=\"Diagramme de classes r\u00e9int\u00e9gr\u00e9 dans OpenDocs.\" class=\"alignnone wp-image-4224 size-full\" decoding=\"async\" height=\"701\" loading=\"lazy\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63.png 1400w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63-300x150.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63-1024x513.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63-768x385.png 768w\" width=\"1400\"\/><\/p>\n<\/li>\n<\/ol>\n<p>Une fois le diagramme ins\u00e9r\u00e9, les utilisateurs peuvent continuer \u00e0 \u00e9crire autour de lui, tout comme avec le reste du contenu du document.<\/p>\n<h2>Comment r\u00e9\u00e9diter un diagramme<\/h2>\n<p>Les diagrammes ins\u00e9r\u00e9s dans OpenDocs peuvent \u00eatre modifi\u00e9s \u00e0 tout moment si des mises \u00e0 jour sont n\u00e9cessaires.<\/p>\n<ol>\n<li>Ouvrez la page OpenDocs contenant le diagramme.<\/li>\n<li>Cliquez sur l&#8217;ic\u00f4ne de crayon dans le coin sup\u00e9rieur droit du diagramme.\n<p id=\"pDIlSTi\"><img loading=\"lazy\" alt=\"Pour r\u00e9\u00e9diter un diagramme de classes int\u00e9gr\u00e9 dans OpenDocs\" class=\"alignnone wp-image-4225 size-full\" decoding=\"async\" height=\"335\" loading=\"lazy\" sizes=\"auto, (max-width: 566px) 100vw, 566px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090bc379e4.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090bc379e4.png 566w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090bc379e4-300x178.png 300w\" width=\"566\"\/><\/p>\n<\/li>\n<li>Apportez des modifications dans l&#8217;\u00e9diteur VPasCode.<\/li>\n<li>Utilisez l&#8217;aper\u00e7u en direct pour v\u00e9rifier le r\u00e9sultat.<\/li>\n<li>Cliquez sur <strong>Enregistrer<\/strong>.<\/li>\n<li>Cliquez sur <strong>Fermer<\/strong> pour revenir \u00e0 OpenDocs.<\/li>\n<\/ol>\n<p>Le diagramme mis \u00e0 jour se mettra \u00e0 jour dans le document, permettant aux utilisateurs de conserver leur contenu visuel sans supprimer le diagramme original ou recommencer \u00e0 z\u00e9ro.<\/p>\n<h2>Cas d&#8217;utilisation pratiques<\/h2>\n<h3>Documentation de l&#8217;architecture logicielle<\/h3>\n<p>Les architectes logiciels peuvent utiliser les syntaxes PlantUML, Mermaid, D2 ou C4 pour d\u00e9crire les composants du syst\u00e8me, les services, les d\u00e9p\u00f4ts de donn\u00e9es et les d\u00e9pendances externes. Le diagramme d&#8217;architecture r\u00e9sultant peut \u00eatre int\u00e9gr\u00e9 directement dans un document de conception du syst\u00e8me ou un registre de d\u00e9cision d&#8217;architecture.<\/p>\n<p>\u00c0 mesure que l&#8217;architecture \u00e9volue, le diagramme peut \u00eatre modifi\u00e9 dans VPasCode et mis \u00e0 jour dans OpenDocs. Cela permet de maintenir la documentation technique align\u00e9e sur la conception en cours de discussion.<\/p>\n<h3>Documentation des API et de l&#8217;int\u00e9gration<\/h3>\n<p>Les diagrammes de s\u00e9quence sont utiles pour montrer comment les clients, les services, les bases de donn\u00e9es et les syst\u00e8mes tiers interagissent. Les \u00e9quipes peuvent inclure un diagramme de s\u00e9quence \u00e0 c\u00f4t\u00e9 des descriptions d&#8217;API, des d\u00e9tails d&#8217;authentification, des flux de requ\u00eates et des r\u00e8gles de gestion des erreurs.<\/p>\n<p>Par exemple, un r\u00e9dacteur technique pourrait documenter un processus de paiement en ligne avec une explication \u00e9crite, des exemples d&#8217;API et un diagramme de s\u00e9quence Mermaid ou PlantUML sur la m\u00eame page OpenDocs.<\/p>\n<h3>Documentation des bases de donn\u00e9es et des mod\u00e8les de donn\u00e9es<\/h3>\n<p>Les \u00e9quipes de bases de donn\u00e9es peuvent utiliser des diagrammes de relation d&#8217;entit\u00e9s pour expliquer les tables, les champs, les cl\u00e9s et les relations. Un mod\u00e8le de donn\u00e9es visuel peut rendre la documentation des bases de donn\u00e9es plus facile \u00e0 comprendre pour les d\u00e9veloppeurs, les analystes, les testeurs et les autres parties prenantes.<\/p>\n<p>Lorsqu&#8217;une nouvelle table ou relation est ajout\u00e9e, le diagramme peut \u00eatre modifi\u00e9 et r\u00e9ins\u00e9r\u00e9 via le m\u00eame flux de travail VPasCode.<\/p>\n<h3>Guides de processus m\u00e9tier et de flux de travail<\/h3>\n<p>Les analystes m\u00e9tier et les \u00e9quipes op\u00e9rationnelles peuvent utiliser des organigrammes, des diagrammes d&#8217;activit\u00e9, des cartes de parcours utilisateur et des diagrammes de processus pour expliquer comment le travail circule au sein d&#8217;une organisation.<\/p>\n<p>Int\u00e9grer ces visuels dans un guide op\u00e9rationnel ou une proc\u00e9dure op\u00e9rationnelle standard peut aider les lecteurs \u00e0 comprendre les responsabilit\u00e9s, les points de d\u00e9cision, les chemins alternatifs et les \u00e9tapes d&#8217;approbation.<\/p>\n<h3>Exigences produit et planification des fonctionnalit\u00e9s<\/h3>\n<p>Les chefs de produit peuvent inclure des parcours utilisateurs, des flux de processus, des diagrammes d&#8217;\u00e9tat, des cartes mentales et des relations de fonctionnalit\u00e9s dans les documents d&#8217;exigences produit. Ces actifs visuels peuvent aider les \u00e9quipes produit, design, ing\u00e9nierie et assurance qualit\u00e9 \u00e0 d\u00e9velopper une compr\u00e9hension commune de la fonctionnalit\u00e9.<\/p>\n<h3>Wikis de projet et bases de connaissances<\/h3>\n<p>Un outil de gestion des connaissances est le plus pr\u00e9cieux lorsqu&#8217;il rassemble les informations dont les personnes ont besoin pour comprendre et accomplir leur travail. L&#8217;ajout de diagrammes modifiables \u00e0 une base de connaissances OpenDocs peut rendre les wikis de projet, les supports d&#8217;int\u00e9gration, les guides internes et les manuels syst\u00e8me plus complets.<\/p>\n<p>Au lieu de conserver les diagrammes dans des dossiers s\u00e9par\u00e9s ou des outils de conception d\u00e9connect\u00e9s, les \u00e9quipes peuvent les placer \u00e0 c\u00f4t\u00e9 des explications, d\u00e9cisions, proc\u00e9dures et documents de r\u00e9f\u00e9rence associ\u00e9s.<\/p>\n<h3>Cartes mentales et organisation des concepts<\/h3>\n<p>Markmap et d&#8217;autres formats de cartographie mentale peuvent aider les \u00e9quipes \u00e0 organiser les exigences, les sujets de recherche, les structures de projet, les r\u00e9sultats de r\u00e9unions et les hi\u00e9rarchies de connaissances. Ces cartes peuvent \u00eatre ins\u00e9r\u00e9es dans une page OpenDocs pour fournir un aper\u00e7u visuel avant que des informations plus d\u00e9taill\u00e9es ne soient pr\u00e9sent\u00e9es.<\/p>\n<h2>Avantages pour diff\u00e9rents types d&#8217;utilisateurs<\/h2>\n<ul>\n<li><strong>D\u00e9veloppeurs :<\/strong>Cr\u00e9er des diagrammes avec des formats textuels familiers et garder les explications techniques \u00e0 proximit\u00e9 des visuels du syst\u00e8me.<\/li>\n<li><strong>Architectes logiciels :<\/strong>Construire des diagrammes d&#8217;architecture, UML, C4, de d\u00e9ploiement et de composants qui peuvent \u00eatre r\u00e9vis\u00e9s \u00e0 mesure que les syst\u00e8mes \u00e9voluent.<\/li>\n<li><strong>R\u00e9dacteurs techniques :<\/strong>Combiner proc\u00e9dures, sp\u00e9cifications, exemples et diagrammes modifiables dans un seul espace de travail de documentation.<\/li>\n<li><strong>Analystes m\u00e9tier :<\/strong>Expliquer les processus m\u00e9tier, les exigences, les d\u00e9cisions et les parcours utilisateurs \u00e0 l&#8217;aide de mod\u00e8les visuels clairs.<\/li>\n<li><strong>Chefs de produit :<\/strong>Ajouter des flux de travail, des feuilles de route, des relations de fonctionnalit\u00e9s et des flux utilisateurs \u00e0 la documentation produit.<\/li>\n<li><strong>\u00c9quipes de projet :<\/strong>Cr\u00e9ez une documentation partag\u00e9e qui communique \u00e0 la fois les d\u00e9tails et la vision d&#8217;ensemble.<\/li>\n<li><strong>\u00c9ducateurs et formateurs :<\/strong>Utilisez des diagrammes pour rendre le contenu technique ou proc\u00e9dural plus facile \u00e0 comprendre.<\/li>\n<\/ul>\n<h2>De documents statiques \u00e0 une documentation vivante<\/h2>\n<p>Une documentation efficace doit refl\u00e9ter l&#8217;\u00e9tat actuel d&#8217;un projet, d&#8217;un produit, d&#8217;un processus ou d&#8217;un syst\u00e8me. Lorsque le contenu visuel est stock\u00e9 uniquement sous forme d&#8217;image statique, sa mise \u00e0 jour peut facilement \u00eatre repouss\u00e9e. Avec le temps, l&#8217;image peut ne plus repr\u00e9senter la r\u00e9alit\u00e9.<\/p>\n<p>L&#8217;int\u00e9gration entre OpenDocs et VPasCode soutient une approche plus maintenable. Les diagrammes peuvent \u00eatre cr\u00e9\u00e9s \u00e0 partir de code lisible, examin\u00e9s via un aper\u00e7u visuel, ins\u00e9r\u00e9s dans le document pertinent, et modifi\u00e9s \u00e0 nouveau lorsque les informations sous-jacentes changent.<\/p>\n<p>Cela cr\u00e9e une base pratique pour une documentation vivante. Le diagramme reste un actif de travail utile plut\u00f4t qu&#8217;une capture d&#8217;\u00e9cran ponctuelle.<\/p>\n<h2>Un \u00e9cosyst\u00e8me Visual Paradigm plus connect\u00e9<\/h2>\n<p>Visual Paradigm connecte diff\u00e9rents produits et fonctionnalit\u00e9s pour aider les utilisateurs \u00e0 passer plus efficacement des id\u00e9es aux mod\u00e8les, diagrammes, documentation et connaissances partag\u00e9es.<\/p>\n<p>VPasCode offre l&#8217;exp\u00e9rience du diagramme en tant que code. OpenDocs offre l&#8217;exp\u00e9rience de la gestion de documents et de connaissances. Ensemble, ils aident les \u00e9quipes \u00e0 cr\u00e9er du contenu visuel et \u00e0 le placer directement dans le contexte o\u00f9 il est n\u00e9cessaire.<\/p>\n<p>Cette connexion peut r\u00e9duire le changement d&#8217;outils, simplifier le flux de travail de documentation et aider les \u00e9quipes \u00e0 mieux utiliser les diagrammes tout au long du cycle de vie du projet.<\/p>\n<h2>Commencez avec OpenDocs et VPasCode<\/h2>\n<p>Gr\u00e2ce \u00e0 cette am\u00e9lioration, Visual Paradigm OpenDocs devient un environnement plus polyvalent pour cr\u00e9er une documentation structur\u00e9e, visuelle et collaborative. Les utilisateurs peuvent cr\u00e9er des diagrammes avec PlantUML, Mermaid, Graphviz, D2, Markmap, ECharts et d&#8217;autres formats pris en charge, les ins\u00e9rer dans des pages et les modifier \u00e0 nouveau chaque fois que les exigences changent.<\/p>\n<p>Si vous recherchez un g\u00e9n\u00e9rateur de diagrammes en ligne, une plateforme de diagrammes en tant que code, un outil de documentation technique ou un outil de gestion des connaissances dot\u00e9 de capacit\u00e9s de mod\u00e9lisation visuelle int\u00e9gr\u00e9es, ce nouveau flux de travail offre un moyen pratique de r\u00e9unir diagrammes et documents.<\/p>\n<p><a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">Lancez Visual Paradigm OpenDocs<\/a> et commencez \u00e0 cr\u00e9er une documentation plus riche et plus utile avec des diagrammes modifiables propuls\u00e9s par VPasCode.<\/p>\n<h2>Questions fr\u00e9quentes<\/h2>\n<h3>Quelle est la nouvelle am\u00e9lioration d&#8217;OpenDocs ?<\/h3>\n<p>OpenDocs permet d\u00e9sormais aux utilisateurs de cr\u00e9er et d&#8217;ins\u00e9rer des diagrammes modifiables dans les pages de documents gr\u00e2ce \u00e0 son int\u00e9gration avec Visual Paradigm VPasCode.<\/p>\n<h3>Puis-je modifier un diagramme apr\u00e8s l&#8217;avoir ins\u00e9r\u00e9 dans OpenDocs ?<\/h3>\n<p>Oui. Cliquez sur l&#8217;ic\u00f4ne crayon du diagramme ins\u00e9r\u00e9 pour le rouvrir dans l&#8217;\u00e9diteur VPasCode. Apr\u00e8s avoir modifi\u00e9 le code du diagramme, cliquez sur Enregistrer et Fermer pour actualiser le diagramme dans la page OpenDocs.<\/p>\n<h3>Quels formats de diagrammes sont pris en charge ?<\/h3>\n<p>VPasCode prend en charge les formats et technologies suivants : PlantUML, Mermaid, Graphviz, D2, Markmap, ECharts, JSON, YAML, XML, CSV, TOML, DBML et SQL. Les types de diagrammes pris en charge incluent les organigrammes, les diagrammes de s\u00e9quence, les diagrammes de classes, les diagrammes d&#8217;\u00e9tats, les diagrammes ER, les diagrammes C4, les cartes mentales, les diagrammes d&#8217;architecture, les diagrammes de Gantt, et plus encore.<\/p>\n<h3>Dois-je conna\u00eetre le code de diagramme pour utiliser cette fonctionnalit\u00e9 ?<\/h3>\n<p>Non. Vous pouvez charger un exemple depuis l&#8217;\u00e9diteur VPasCode ou la Galerie d&#8217;exemples. Vous pouvez \u00e9galement utiliser la fonctionnalit\u00e9 Cr\u00e9er avec l&#8217;IA pour d\u00e9crire le diagramme souhait\u00e9 en langage naturel et laisser l&#8217;IA g\u00e9n\u00e9rer un script de diagramme initial.<\/p>\n<h3>O\u00f9 puis-je acc\u00e9der \u00e0 OpenDocs ?<\/h3>\n<p>Vous pouvez acc\u00e9der \u00e0 Visual Paradigm OpenDocs \u00e0 l&#8217;adresse <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/<\/a>.<\/p>\n<h3>O\u00f9 puis-je en savoir plus sur VPasCode ?<\/h3>\n<p>Visitez le <a href=\"https:\/\/www.visual-paradigm.com\/features\/vpascode\/\">Page des fonctionnalit\u00e9s de VPasCode<\/a> pour en savoir plus sur la plateforme de diagrammes en tant que code, les formats pris en charge, le rendu en temps r\u00e9el, l&#8217;assistance par IA et les fonctionnalit\u00e9s connexes.<\/p>\n","protected":false},"featured_media":2883,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Visual Paradigm OpenDocs prend d\u00e9sormais en charge les diagrammes modifiables avec VPasCode","_yoast_wpseo_metadesc":"Cr\u00e9ez, ins\u00e9rez et modifiez des diagrammes PlantUML, Mermaid, Markmap et autres directement dans Visual Paradigm OpenDocs gr\u00e2ce au g\u00e9n\u00e9rateur de diagrammes en ligne VPasCode int\u00e9gr\u00e9.","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":"","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":""}}},"product":[2,3],"product-area":[41,49],"version":[50],"release-type":[16],"class_list":["post-2882","releases","type-releases","status-publish","has-post-thumbnail","hentry","product-visual-paradigm","product-visual-paradigm-online","product-area-knowledge-management","product-area-vpascode","version-18-1","release-type-new-feature"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Visual Paradigm OpenDocs prend d\u00e9sormais en charge les diagrammes modifiables avec VPasCode<\/title>\n<meta name=\"description\" content=\"Cr\u00e9ez, ins\u00e9rez et modifiez des diagrammes PlantUML, Mermaid, Markmap et autres directement dans Visual Paradigm OpenDocs gr\u00e2ce au g\u00e9n\u00e9rateur de diagrammes en ligne VPasCode int\u00e9gr\u00e9.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visual Paradigm OpenDocs prend d\u00e9sormais en charge les diagrammes modifiables avec VPasCode\" \/>\n<meta property=\"og:description\" content=\"Cr\u00e9ez, ins\u00e9rez et modifiez des diagrammes PlantUML, Mermaid, Markmap et autres directement dans Visual Paradigm OpenDocs gr\u00e2ce au g\u00e9n\u00e9rateur de diagrammes en ligne VPasCode int\u00e9gr\u00e9.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates French\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-21T02:15:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/\",\"name\":\"Visual Paradigm OpenDocs prend d\u00e9sormais en charge les diagrammes modifiables avec VPasCode\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg\",\"datePublished\":\"2026-09-21T02:15:10+00:00\",\"dateModified\":\"2026-09-21T02:15:29+00:00\",\"description\":\"Cr\u00e9ez, ins\u00e9rez et modifiez des diagrammes PlantUML, Mermaid, Markmap et autres directement dans Visual Paradigm OpenDocs gr\u00e2ce au g\u00e9n\u00e9rateur de diagrammes en ligne VPasCode int\u00e9gr\u00e9.\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Int\u00e9grez des diagrammes modifiables dans Visual Paradigm OpenDocs gr\u00e2ce \u00e0 VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/fr\/\",\"name\":\"Visual Paradigm Product Updates French\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#organization\",\"name\":\"Visual Paradigm Product Updates French\",\"url\":\"https:\/\/updates.visual-paradigm.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates French\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Visual Paradigm OpenDocs prend d\u00e9sormais en charge les diagrammes modifiables avec VPasCode","description":"Cr\u00e9ez, ins\u00e9rez et modifiez des diagrammes PlantUML, Mermaid, Markmap et autres directement dans Visual Paradigm OpenDocs gr\u00e2ce au g\u00e9n\u00e9rateur de diagrammes en ligne VPasCode int\u00e9gr\u00e9.","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:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/","og_locale":"fr_FR","og_type":"article","og_title":"Visual Paradigm OpenDocs prend d\u00e9sormais en charge les diagrammes modifiables avec VPasCode","og_description":"Cr\u00e9ez, ins\u00e9rez et modifiez des diagrammes PlantUML, Mermaid, Markmap et autres directement dans Visual Paradigm OpenDocs gr\u00e2ce au g\u00e9n\u00e9rateur de diagrammes en ligne VPasCode int\u00e9gr\u00e9.","og_url":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/","og_site_name":"Visual Paradigm Product Updates French","article_modified_time":"2026-09-21T02:15:29+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/","url":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/","name":"Visual Paradigm OpenDocs prend d\u00e9sormais en charge les diagrammes modifiables avec VPasCode","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg","datePublished":"2026-09-21T02:15:10+00:00","dateModified":"2026-09-21T02:15:29+00:00","description":"Cr\u00e9ez, ins\u00e9rez et modifiez des diagrammes PlantUML, Mermaid, Markmap et autres directement dans Visual Paradigm OpenDocs gr\u00e2ce au g\u00e9n\u00e9rateur de diagrammes en ligne VPasCode int\u00e9gr\u00e9.","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg","contentUrl":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/opendocs-editable-diagrams-vpascode-integration\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Int\u00e9grez des diagrammes modifiables dans Visual Paradigm OpenDocs gr\u00e2ce \u00e0 VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/fr\/#website","url":"https:\/\/updates.visual-paradigm.com\/fr\/","name":"Visual Paradigm Product Updates French","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/fr\/#organization","name":"Visual Paradigm Product Updates French","url":"https:\/\/updates.visual-paradigm.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/updates.visual-paradigm.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates French"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/releases\/2882","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/releases\/2882\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/media\/2883"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/media?parent=2882"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/product?post=2882"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/product-area?post=2882"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/version?post=2882"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/release-type?post=2882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}