{"id":9978,"date":"2026-09-07T10:50:23","date_gmt":"2026-09-07T02:50:23","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/"},"modified":"2026-09-07T10:50:23","modified_gmt":"2026-09-07T02:50:23","slug":"from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","title":{"rendered":"De la demande \u00e0 la publication : Ma\u00eetriser la mod\u00e9lisation UML pilot\u00e9e par l&#8217;IA gr\u00e2ce au Diagramme-as-Code avec Visual Paradigm"},"content":{"rendered":"<div class=\"toastui-editor-main toastui-editor-md-mode\">\n<div class=\"toastui-editor-main-container\">\n<div class=\"toastui-editor-md-container toastui-editor-md-vertical-style\">\n<div class=\"toastui-editor-md-preview\">\n<div class=\"toastui-editor-contents\">\n<h2 data-nodeid=\"1069\">Introduction<\/h2>\n<p data-nodeid=\"1070\">Dans le d\u00e9veloppement logiciel moderne, la documentation devient souvent un goulot d&#8217;\u00e9tranglement. Les outils de diagrammation traditionnels n\u00e9cessitent des efforts manuels de glisser-d\u00e9poser, produisant des images statiques qui deviennent rapidement obsol\u00e8tes \u00e0 mesure que les syst\u00e8mes \u00e9voluent. Parall\u00e8lement, les \u00e9quipes d&#8217;ing\u00e9nierie privil\u00e9gient de plus en plus des flux de travail centr\u00e9s sur le code, o\u00f9 tout, de l&#8217;infrastructure \u00e0 la logique applicative, est versionn\u00e9 et reproductible.<\/p>\n<p data-nodeid=\"1071\">Visual Paradigm comble cet \u00e9cart en combinant trois capacit\u00e9s puissantes :<strong data-nodeid=\"1190\">G\u00e9n\u00e9ration de diagrammes assist\u00e9e par l&#8217;IA<\/strong>,\u00a0<strong data-nodeid=\"1191\">VPasCode (Diagramme-as-Code)<\/strong>, et<strong data-nodeid=\"1192\">OpenDocs (Documentation vivante)<\/strong>. Cet \u00e9cosyst\u00e8me int\u00e9gr\u00e9 permet aux \u00e9quipes de g\u00e9n\u00e9rer des diagrammes d&#8217;architecture \u00e0 partir de requ\u00eates en langage naturel, de les affiner en utilisant une syntaxe textuelle comme PlantUML, et de les publier comme une documentation vivante et toujours \u00e0 jour.<\/p>\n<p data-nodeid=\"1072\">Ce guide explore comment exploiter ce flux de travail pour \u00e9liminer les frictions li\u00e9es \u00e0 l&#8217;export manuel, maintenir la documentation synchronis\u00e9e avec le code, et offrir aux parties prenantes techniques et non techniques des visualisations claires et accessibles.<\/p>\n<hr data-nodeid=\"1073\"\/>\n<h2 data-nodeid=\"1074\">Concepts cl\u00e9s<\/h2>\n<h3 data-nodeid=\"1075\">1. G\u00e9n\u00e9ration de diagrammes assist\u00e9e par l&#8217;IA<\/h3>\n<p data-nodeid=\"1076\">Les chatbots IA int\u00e9gr\u00e9s de Visual Paradigm transforment des descriptions en langage courant en diagrammes UML ou d&#8217;architecture structur\u00e9s. Cela \u00e9limine la surcharge initiale li\u00e9e \u00e0 la mise en page manuelle et permet un prototypage rapide des conceptions de syst\u00e8mes.<\/p>\n<p data-nodeid=\"1077\"><strong data-nodeid=\"1202\">Cas d&#8217;utilisation exemple :<\/strong><\/p>\n<blockquote data-nodeid=\"1078\">\n<p data-nodeid=\"1079\"><em data-nodeid=\"1208\">\u00ab Cr\u00e9ez un diagramme de s\u00e9quence montrant un utilisateur se connectant, o\u00f9 le frontend envoie des identifiants \u00e0 un service d&#8217;authentification, qui les valide contre une base de donn\u00e9es et renvoie un jeton JWT. \u00bb<\/em><\/p>\n<\/blockquote>\n<p data-nodeid=\"1080\">L&#8217;IA g\u00e9n\u00e8re instantan\u00e9ment le code PlantUML correspondant, qui peut ensuite \u00eatre affin\u00e9 davantage.<\/p>\n<h3 data-nodeid=\"1081\">2. VPasCode : Plateforme Diagramme-as-Code<\/h3>\n<p data-nodeid=\"1082\">VPasCode est un \u00e9diteur bas\u00e9 sur le navigateur qui combine un \u00e9diteur de texte en temps r\u00e9el avec un rendu visuel instantan\u00e9. Il prend en charge plusieurs syntaxes de texte vers diagramme, notamment :<\/p>\n<ul data-nodeid=\"1083\">\n<li data-nodeid=\"1084\">\n<p data-nodeid=\"1085\"><strong data-nodeid=\"1216\">PlantUML<\/strong> (la plus courante pour UML)<\/p>\n<\/li>\n<li data-nodeid=\"1086\">\n<p data-nodeid=\"1087\"><strong data-nodeid=\"1221\">Mermaid<\/strong> (excellente pour les organigrammes et les diagrammes simples)<\/p>\n<\/li>\n<li data-nodeid=\"1088\">\n<p data-nodeid=\"1089\"><strong data-nodeid=\"1226\">Graphviz<\/strong> (id\u00e9ale pour les structures de graphes complexes)<\/p>\n<\/li>\n<li data-nodeid=\"1090\">\n<p data-nodeid=\"1091\"><strong data-nodeid=\"1231\">D2<\/strong> (diagrammation d\u00e9clarative)<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"1092\">Comme les diagrammes sont repr\u00e9sent\u00e9s sous forme de scripts textuels, ils s&#8217;int\u00e8grent de mani\u00e8re transparente dans les d\u00e9p\u00f4ts Git aux c\u00f4t\u00e9s du code source de l&#8217;application, permettant le contr\u00f4le de version, les revues de code et l&#8217;\u00e9dition collaborative.<\/p>\n<h3 data-nodeid=\"1093\">3. OpenDocs : Documentation vivante<\/h3>\n<p data-nodeid=\"1094\">OpenDocs remplace les t\u00e9l\u00e9chargements d&#8217;images statiques par des composants vivants et connect\u00e9s. Lorsque vous poussez des mises \u00e0 jour vers le code de vos diagrammes dans VPasCode, ces modifications se refl\u00e8tent automatiquement dans vos pages OpenDocs. Cela garantit que la documentation reste perp\u00e9tuellement synchronis\u00e9e avec l&#8217;architecture r\u00e9elle du syst\u00e8me.<\/p>\n<h3 data-nodeid=\"1095\">4. Le pipeline OpenDocs<\/h3>\n<p data-nodeid=\"1096\">Le pipeline relie la r\u00e9daction de code et la publication :<\/p>\n<ol data-nodeid=\"1097\">\n<li data-nodeid=\"1098\">\n<p data-nodeid=\"1099\"><strong data-nodeid=\"1241\">G\u00e9n\u00e9rer<\/strong>: Utilisez l&#8217;IA pour cr\u00e9er la logique initiale du diagramme.<\/p>\n<\/li>\n<li data-nodeid=\"1100\">\n<p data-nodeid=\"1101\"><strong data-nodeid=\"1246\">Auteur<\/strong>: Affinez la syntaxe, les styles ou la structure dans VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1102\">\n<p data-nodeid=\"1103\"><strong data-nodeid=\"1251\">Publier<\/strong>: Poussez les mises \u00e0 jour directement dans OpenDocs sans exportation manuelle.<\/p>\n<\/li>\n<\/ol>\n<p><img alt=\"\" class=\"alignnone size-full wp-image-25706\" decoding=\"async\" height=\"1122\" loading=\"lazy\" sizes=\"auto, (max-width: 1402px) 100vw, 1402px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png 1402w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606-300x240.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606-1030x824.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606-768x615.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606-150x120.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606-400x320.png 400w\" width=\"1402\"\/><\/p>\n<hr data-nodeid=\"1104\"\/>\n<h2 data-nodeid=\"1105\">Exemples pratiques utilisant PlantUML<\/h2>\n<p data-nodeid=\"1106\">Voici des exemples pratiques d\u00e9montrant comment cr\u00e9er des diagrammes courants en utilisant PlantUML au sein de l&#8217;\u00e9cosyst\u00e8me Visual Paradigm.<\/p>\n<h3 data-nodeid=\"1107\">Exemple 1 : Diagramme de classes pour un syst\u00e8me de commerce \u00e9lectronique<\/h3>\n<p id=\"zRJjQcD\"><img alt=\"\" class=\"alignnone size-full wp-image-25708\" decoding=\"async\" height=\"869\" loading=\"lazy\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e23e432871.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e23e432871.png 1918w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e23e432871-300x136.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e23e432871-1030x467.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e23e432871-768x348.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e23e432871-1536x696.png 1536w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e23e432871-150x68.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e23e432871-400x181.png 400w\" width=\"1918\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPA_QiGm3CPtWz_1PBgst71hXdAbjtHgeNq1dIEEWF_aB7aefUzUEx5pnUbG3pRw9FJZatmaXi3H6Ycq0IBr78cznQ2-f53fFEWYl0ozUkSmkaj9EB3OI6XXD8qs6T3u6WOCkpiflgMef5bRCJv76yQide0JADz5PSzWdgoFZfFkuzdKZ0QZeqcL7xca0Ru5FqJDAt9QulyOcyAeiM5Ta4_8oJ2r7FYqw7vnbdZ3WRySf7rmf0tUQoGgZLVSkglkqAdz_b5rzrqPQw_ckPCKIvmpjQBEeLVQksJ0tQfgd_HM5xqAU8rZoBsEw8RqLtu0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XP9DQiCm48Nt1jz1U9MsPD6j5oKG7o2GNc0Y3ML0Fq4QGQ3qG3b7BjPn8ZckDlL6-7l3UvePxH93vEnitsaBAQcz9VIilljEoVT6vW56TUH8_gjW7rn3q07PXft54EC-E0VUuEQbxtxwRWagU1rLK6DZWF4fJV9N11SyW-VFm23HKyWdMoKDLcUByQuroOSOJAPrZuNys-GvqgK92YT6Jt6wNLa6aDee87H_vrbHOrrwQTnbEvpRKev0ZB4QBP5bTSFxeBRR3pMy3iyXZ-g-32cgP9PhMPt8gBHSOtPP5rO_EPT-HkLlLuqfqRoD7NeZR-WN\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"1108\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Client {\r\n    +idClient: String\r\n    +nom: String\r\n    +email: String\r\n    +passerCommande()\r\n}\r\n\r\nclass Commande {\r\n    +idCommande: String\r\n    +dateCommande: Date\r\n    +montantTotal: Double\r\n    +calculerTotal()\r\n}\r\n\r\nclass Produit {\r\n    +idProduit: String\r\n    +nom: String\r\n    +prix: Double\r\n    +obtenirD\u00e9tails()\r\n}\r\n\r\nclass Paiement {\r\n    +idPaiement: String\r\n    +montant: Double\r\n    +statut: String\r\n    +traiterPaiement()\r\n}\r\n\r\nClient \"1\" --&gt; \"*\" Commande : passe\r\nCommande \"*\" --&gt; \"*\" Produit : contient\r\nCommande \"1\" --&gt; \"1\" Paiement : n\u00e9cessite\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XP9DQiCm48Nt1jz1U9MsPD6j5oKG7o2GNc0Y3ML0Fq4QGQ3qG3b7BjPn8ZckDlL6-7l3UvePxH93vEnitsaBAQcz9VIilljEoVT6vW56TUH8_gjW7rn3q07PXft54EC-E0VUuEQbxtxwRWagU1rLK6DZWF4fJV9N11SyW-VFm23HKyWdMoKDLcUByQuroOSOJAPrZuNys-GvqgK92YT6Jt6wNLa6aDee87H_vrbHOrrwQTnbEvpRKev0ZB4QBP5bTSFxeBRR3pMy3iyXZ-g-32cgP9PhMPt8gBHSOtPP5rO_EPT-HkLlLuqfqRoD7NeZR-WN\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPA_QiGm3CPtWz_1PBgst71hXdAbjtHgeNq1dIEEWF_aB7aefUzUEx5pnUbG3pRw9FJZatmaXi3H6Ycq0IBr78cznQ2-f53fFEWYl0ozUkSmkaj9EB3OI6XXD8qs6T3u6WOCkpiflgMef5bRCJv76yQide0JADz5PSzWdgoFZfFkuzdKZ0QZeqcL7xca0Ru5FqJDAt9QulyOcyAeiM5Ta4_8oJ2r7FYqw7vnbdZ3WRySf7rmf0tUQoGgZLVSkglkqAdz_b5rzrqPQw_ckPCKIvmpjQBEeLVQksJ0tQfgd_HM5xqAU8rZoBsEw8RqLtu0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"1109\"><strong data-nodeid=\"1258\">Flux de travail :<\/strong><\/p>\n<ol data-nodeid=\"1110\">\n<li data-nodeid=\"1111\">\n<p data-nodeid=\"1112\">Demandez \u00e0 l&#8217;assistant IA :<em data-nodeid=\"1265\">\u00ab Cr\u00e9ez un diagramme de classes pour un syst\u00e8me de commerce \u00e9lectronique avec des classes Client, Commande, Produit et Paiement. \u00bb<\/em><\/p>\n<\/li>\n<li data-nodeid=\"1113\">\n<p data-nodeid=\"1114\">Examinez et affinez le code PlantUML g\u00e9n\u00e9r\u00e9 dans VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1115\">\n<p data-nodeid=\"1116\">Publiez vers OpenDocs pour examen par les parties prenantes.<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"1117\"\/>\n<h3 data-nodeid=\"1118\">Exemple 2 : Diagramme de s\u00e9quence pour l&#8217;authentification utilisateur<\/h3>\n<p id=\"KxLulvz\"><img alt=\"\" class=\"alignnone size-full wp-image-25709\" decoding=\"async\" height=\"867\" loading=\"lazy\" sizes=\"auto, (max-width: 1915px) 100vw, 1915px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e244cee639.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e244cee639.png 1915w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e244cee639-300x136.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e244cee639-1030x466.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e244cee639-768x348.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e244cee639-1536x695.png 1536w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e244cee639-150x68.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e244cee639-400x181.png 400w\" width=\"1915\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bPBDJiCm48JlblmEgzmhxZcWDWGa418_BN1UqgLOk8wrQnVrxLadROegSI27H1b_dl5aCvU4dFBMMuDTwXbUXDYQgABhNCIGeBhXFYGAQrZ4M04A78KpRf7J9oo9TwwZWIk2DMjC-8v2K1LlQ0-l0z4srbWpwBFBoRU6QtqoT4nh2icX5skcKoXOZ6juV5YkuCBt6nUi6S9rgMrgUCh4UyXoRj4sC9jsFrFA74Qg7F5eCG6lw9qk44GK-UvPww9FemnNltr1hsdpgSGXuUvj1Qd_eZ22fnuAb-Ort9SA8BdhIEGZwop8w_Uw3Rl_PX6ppd2hDhYXF_DQ9z7ZVgGrh4nohdVz3Nu0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VL9DJyCm3Br7od-mTk4qSUy1RQL26XSG6t0EhTSPPKcLZuc_jD-nFuRJRI63YQggQkSzlsV7Cn-K2t6hfL1jmEZWDP0chzA_50CVKak3CW4cys7GrAf0ri23ioQWwIQWV0v-uPVeTjGYT3Vp63Pe0grFz96Lab9yA8yDDjQOmnuzJ6gEeUFtd2dyZBIcbaAA8WlJk-oWWgKYJmuqCwaxQh8PByKPak19keBdf-KARhNjoKYHKkcegIjOCD0vs-FVEX3ByJGrJ7Ev5mmsEdCYPVyNXADAfhmfpSKJ0ROsfBO7vJtoNUW0Yr9sDoAv3U0dL_bfknI7JmuCFBwlZl2oys9k5TopH_nAr-aE--WziJ9gdl-5D9ahujUreu4jUg_wTEaymh7dVotCrxmJcsGxuyT5cl6Nj_8R\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"1119\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nacteur Utilisateur\r\nparticipant \"Application Frontend\" as Frontend\r\nparticipant \"Service d'Authentification\" as Auth\r\nbaseDeDonn\u00e9es \"Base de donn\u00e9es Utilisateur\" as DB\r\n\r\nUtilisateur -&gt; Frontend: Saisir les identifiants\r\nFrontend -&gt; Auth: POST \/login\r\nAuth -&gt; DB: Interroger les identifiants utilisateur\r\nDB --&gt; Auth: Retourner les donn\u00e9es utilisateur\r\nAuth --&gt; Auth: Valider le mot de passe\r\nalt Identifiants valides\r\n    Auth --&gt; Frontend: Retourner le jeton JWT\r\n    Frontend -&gt; Utilisateur: Connexion r\u00e9ussie\r\nelse Identifiants invalides\r\n    Auth -&gt; Frontend: Retourner un message d'erreur\r\n    Frontend -&gt; Utilisateur: Afficher l'erreur\r\nend\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VL9DJyCm3Br7od-mTk4qSUy1RQL26XSG6t0EhTSPPKcLZuc_jD-nFuRJRI63YQggQkSzlsV7Cn-K2t6hfL1jmEZWDP0chzA_50CVKak3CW4cys7GrAf0ri23ioQWwIQWV0v-uPVeTjGYT3Vp63Pe0grFz96Lab9yA8yDDjQOmnuzJ6gEeUFtd2dyZBIcbaAA8WlJk-oWWgKYJmuqCwaxQh8PByKPak19keBdf-KARhNjoKYHKkcegIjOCD0vs-FVEX3ByJGrJ7Ev5mmsEdCYPVyNXADAfhmfpSKJ0ROsfBO7vJtoNUW0Yr9sDoAv3U0dL_bfknI7JmuCFBwlZl2oys9k5TopH_nAr-aE--WziJ9gdl-5D9ahujUreu4jUg_wTEaymh7dVotCrxmJcsGxuyT5cl6Nj_8R\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bPBDJiCm48JlblmEgzmhxZcWDWGa418_BN1UqgLOk8wrQnVrxLadROegSI27H1b_dl5aCvU4dFBMMuDTwXbUXDYQgABhNCIGeBhXFYGAQrZ4M04A78KpRf7J9oo9TwwZWIk2DMjC-8v2K1LlQ0-l0z4srbWpwBFBoRU6QtqoT4nh2icX5skcKoXOZ6juV5YkuCBt6nUi6S9rgMrgUCh4UyXoRj4sC9jsFrFA74Qg7F5eCG6lw9qk44GK-UvPww9FemnNltr1hsdpgSGXuUvj1Qd_eZ22fnuAb-Ort9SA8BdhIEGZwop8w_Uw3Rl_PX6ppd2hDhYXF_DQ9z7ZVgGrh4nohdVz3Nu0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"1120\"><strong data-nodeid=\"1272\">Flux de travail :<\/strong><\/p>\n<ol data-nodeid=\"1121\">\n<li data-nodeid=\"1122\">\n<p data-nodeid=\"1123\">Invitez l&#8217;IA :<em data-nodeid=\"1279\">\u00ab Montrez-moi un diagramme de s\u00e9quence pour la connexion utilisateur avec authentification JWT. \u00bb<\/em><\/p>\n<\/li>\n<li data-nodeid=\"1124\">\n<p data-nodeid=\"1125\">Ajustez la temporisation, ajoutez la gestion des erreurs ou modifiez les participants dans VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1126\">\n<p data-nodeid=\"1127\">Int\u00e9grez le diagramme en direct dans votre guide d&#8217;authentification OpenDocs.<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"1128\"\/>\n<h3 data-nodeid=\"1129\">Exemple 3 : Diagramme de composants pour une architecture de microservices<\/h3>\n<p id=\"AFerhKT\"><img alt=\"\" class=\"alignnone size-full wp-image-25710\" decoding=\"async\" height=\"868\" loading=\"lazy\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24b41368c.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24b41368c.png 1919w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24b41368c-300x136.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24b41368c-1030x466.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24b41368c-768x347.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24b41368c-1536x695.png 1536w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24b41368c-150x68.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24b41368c-400x181.png 400w\" width=\"1919\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RPBD2i8m48JlWRp3qdjVGQeKf2SBnPFqiBP1H5ibYPKYlhiXgJG_c-FC5sOof50QfNuDTywUsDtm8Y3RrXNiKOitpXbyE0DpJfxOSlRbpBlG23bTEw5M-gY4X4Lk5-qW-rIiSHx4g6Ev6YUZFkJi6M5cYHgXCOWNsnljZCguDh_SPR7kEX36lmTXhLsiQMi4Sq2URv8d4qGy086aSn0GDOu1WmAMz6Q8mftjhP4aEoAOXGXsLBHG8SRU_AWV\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XPDD2eCm48NtGkumPEyLIdzMxeJILN4nDKC9rLYIwARqG3r7BzPK56FyooA4v_VmpGlP6ulQrcN1eYVc3xmJy1ID8Kr5GN184mul5e5Rrx6UiUZD8izs9jt8dCnWw1IuM5b8WvPgdGMVJbLPeX8KwYbAAadPK4zKurIKcgR_jrLxCY08HANKz-E54MZnXiPnn__k8NuylWdtWRV9VeHjSXYATqE5NKCSxvRwN6UzWjT1h_5rS7G53fvBrJgscfvcNB1vdK_ZBdYyzkUIBxX6Dx4d9TpB-040\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"1130\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\npackage \"Passerelle API\" {\r\n    [Passerelle API]\r\n}\r\n\r\npackage \"Services\" {\r\n    [Service Utilisateur]\r\n    [Service Commande]\r\n    [Service Paiement]\r\n    [Service Inventaire]\r\n}\r\n\r\npackage \"Stockages de donn\u00e9es\" {\r\n    database \"Base de donn\u00e9es Utilisateur\"\r\n    database \"Base de donn\u00e9es Commande\"\r\n    database \"Base de donn\u00e9es Paiement\"\r\n    database \"Base de donn\u00e9es Inventaire\"\r\n}\r\n\r\n[Passerelle API] --&gt; [Service Utilisateur]\r\n[Passerelle API] --&gt; [Service Commande]\r\n[Passerelle API] --&gt; [Service Paiement]\r\n[Passerelle API] --&gt; [Service Inventaire]\r\n\r\n[Service Utilisateur] --&gt; \"Base de donn\u00e9es Utilisateur\"\r\n[Service Commande] --&gt; \"Base de donn\u00e9es Commande\"\r\n[Service Paiement] --&gt; \"Base de donn\u00e9es Paiement\"\r\n[Service Inventaire] --&gt; \"Base de donn\u00e9es Inventaire\"\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XPDD2eCm48NtGkumPEyLIdzMxeJILN4nDKC9rLYIwARqG3r7BzPK56FyooA4v_VmpGlP6ulQrcN1eYVc3xmJy1ID8Kr5GN184mul5e5Rrx6UiUZD8izs9jt8dCnWw1IuM5b8WvPgdGMVJbLPeX8KwYbAAadPK4zKurIKcgR_jrLxCY08HANKz-E54MZnXiPnn__k8NuylWdtWRV9VeHjSXYATqE5NKCSxvRwN6UzWjT1h_5rS7G53fvBrJgscfvcNB1vdK_ZBdYyzkUIBxX6Dx4d9TpB-040\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RPBD2i8m48JlWRp3qdjVGQeKf2SBnPFqiBP1H5ibYPKYlhiXgJG_c-FC5sOof50QfNuDTywUsDtm8Y3RrXNiKOitpXbyE0DpJfxOSlRbpBlG23bTEw5M-gY4X4Lk5-qW-rIiSHx4g6Ev6YUZFkJi6M5cYHgXCOWNsnljZCguDh_SPR7kEX36lmTXhLsiQMi4Sq2URv8d4qGy086aSn0GDOu1WmAMz6Q8mftjhP4aEoAOXGXsLBHG8SRU_AWV\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"1131\"><strong data-nodeid=\"1286\">Flux de travail :<\/strong><\/p>\n<ol data-nodeid=\"1132\">\n<li data-nodeid=\"1133\">\n<p data-nodeid=\"1134\">D\u00e9crivez votre topologie de microservices \u00e0 l&#8217;assistant IA.<\/p>\n<\/li>\n<li data-nodeid=\"1135\">\n<p data-nodeid=\"1136\">Affinez les limites et les relations des composants dans VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1137\">\n<p data-nodeid=\"1138\">Publiez sur OpenDocs dans le cadre de vos enregistrements de d\u00e9cisions d&#8217;architecture (ADRs).<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"1139\"\/>\n<h3 data-nodeid=\"1140\">Exemple 4 : Diagramme d&#8217;activit\u00e9 pour le flux de traitement des commandes<\/h3>\n<p id=\"AeQZmYk\"><img alt=\"\" class=\"alignnone size-full wp-image-25711\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24f9cd8e5.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24f9cd8e5.png 1916w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24f9cd8e5-300x137.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24f9cd8e5-1030x469.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24f9cd8e5-768x350.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24f9cd8e5-1536x699.png 1536w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24f9cd8e5-150x68.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24f9cd8e5-400x182.png 400w\" width=\"1916\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP7DReCm48JlIBp37iahm269E5Ivj54YzUwOGRWrTcGlIBnzryMb_oUlPkURNTk7o2hmDDgoUA_Aehv0myoWfz0XD6LXUggUbJMTuYpkTyG375KBuguiYEfsW7wbavlXs8UbIMBYJeoHZhCoLjqiVd52NX0HP5fonYQBv-0rOgIpMaP9p78Ap0fT9vqS_MJ_29M41pY4jB3iv8r6itMkWxblTrkroFw-rh0HL3d_6TGgfs7_1rnd-bJ-8Ej7pwPVg9t4Esxe1vYnRv0ynGiqVncrkhFt8AVyqni0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XP5DQiCm48Nt1jzXTdMku2oQB4ftfOIIlIADOOeyClenlPBEeOj5ZcJI6aCtMipJzzxyd9mNreTHjurAyHPys_GNb3WRig05I3EEWXKUsyOHT5UXIU4V1LuF8BIn3ZeJwD0s0FqrHKi3BHzVY6TaByWk7W2BozbwaXf1aPiCqqtlcMIRIueExRpOe0DHA7UiwfSLv1yQJ89mp2bLMZ8-QmbiYi7bobv2TdbFaNEtPQP1I1zgem_rxMTAKH5kTr5avysq9h9XwFBpT3up1_qlEH1dkcncuz5_65-tY20r_HgmuYkyGVC5lz7lH1TkfKx8Ab_-3W00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"1141\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nd\u00e9but\r\n:Recevoir la commande;\r\nsi (Valider la commande ?) alors (oui)\r\n  :V\u00e9rifier l'inventaire;\r\n  si (Article disponible ?) alors (oui)\r\n    :R\u00e9server les articles;\r\n    :Traiter le paiement;\r\n    si (Paiement r\u00e9ussi ?) alors (oui)\r\n      :G\u00e9n\u00e9rer la facture;\r\n      :Exp\u00e9dier la commande;\r\n      stop\r\n    sinon (non)\r\n      :Annuler la commande;\r\n      stop\r\n    fin si\r\n  sinon (non)\r\n    :Notifier le client;\r\n    stop\r\n  fin si\r\nsinon (non)\r\n  :Rejeter la commande;\r\n  stop\r\nfin si\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XP5DQiCm48Nt1jzXTdMku2oQB4ftfOIIlIADOOeyClenlPBEeOj5ZcJI6aCtMipJzzxyd9mNreTHjurAyHPys_GNb3WRig05I3EEWXKUsyOHT5UXIU4V1LuF8BIn3ZeJwD0s0FqrHKi3BHzVY6TaByWk7W2BozbwaXf1aPiCqqtlcMIRIueExRpOe0DHA7UiwfSLv1yQJ89mp2bLMZ8-QmbiYi7bobv2TdbFaNEtPQP1I1zgem_rxMTAKH5kTr5avysq9h9XwFBpT3up1_qlEH1dkcncuz5_65-tY20r_HgmuYkyGVC5lz7lH1TkfKx8Ab_-3W00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP7DReCm48JlIBp37iahm269E5Ivj54YzUwOGRWrTcGlIBnzryMb_oUlPkURNTk7o2hmDDgoUA_Aehv0myoWfz0XD6LXUggUbJMTuYpkTyG375KBuguiYEfsW7wbavlXs8UbIMBYJeoHZhCoLjqiVd52NX0HP5fonYQBv-0rOgIpMaP9p78Ap0fT9vqS_MJ_29M41pY4jB3iv8r6itMkWxblTrkroFw-rh0HL3d_6TGgfs7_1rnd-bJ-8Ej7pwPVg9t4Esxe1vYnRv0ynGiqVncrkhFt8AVyqni0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"1142\"><strong data-nodeid=\"1294\">Flux de travail :<\/strong><\/p>\n<ol data-nodeid=\"1143\">\n<li data-nodeid=\"1144\">\n<p data-nodeid=\"1145\">Demander \u00e0 l&#8217;IA :<em data-nodeid=\"1301\">\u00ab Cr\u00e9ez un diagramme d&#8217;activit\u00e9 pour le traitement des commandes avec v\u00e9rification de l&#8217;inventaire et validation du paiement. \u00bb<\/em><\/p>\n<\/li>\n<li data-nodeid=\"1146\">\n<p data-nodeid=\"1147\">Ajoutez des points de d\u00e9cision et des cas limites dans VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1148\">\n<p data-nodeid=\"1149\">Partagez via OpenDocs avec les \u00e9quipes d&#8217;exploitation et de support client.<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"1150\"\/>\n<h2 data-nodeid=\"1151\">Bonnes pratiques<\/h2>\n<p id=\"MWbwnls\"><img alt=\"\" class=\"alignnone size-full wp-image-25712\" decoding=\"async\" height=\"559\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e25792d92f.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e25792d92f.png 1024w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e25792d92f-300x164.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e25792d92f-768x419.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e25792d92f-150x82.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e25792d92f-400x218.png 400w\" width=\"1024\"\/><\/p>\n<h3 data-nodeid=\"1152\">1. Commencez par l&#8217;IA, affinez avec du code<\/h3>\n<p data-nodeid=\"1153\">Utilisez l&#8217;IA pour prototyper rapidement des diagrammes, mais examinez et affinez toujours le code PlantUML g\u00e9n\u00e9r\u00e9. L&#8217;IA fournit un point de d\u00e9part solide, mais la supervision humaine garantit l&#8217;exactitude et l&#8217;alignement avec les normes de l&#8217;\u00e9quipe.<\/p>\n<h3 data-nodeid=\"1154\">2. Gardez les diagrammes simples et cibl\u00e9s<\/h3>\n<p data-nodeid=\"1155\">\u00c9vitez de surcharger les diagrammes de d\u00e9tails excessifs. Utilisez plusieurs diagrammes cibl\u00e9s plut\u00f4t qu&#8217;une seule vue d&#8217;ensemble massive. Par exemple, s\u00e9parez les flux d&#8217;authentification des flux de traitement des commandes.<\/p>\n<h3 data-nodeid=\"1156\">3. G\u00e9rez la version de vos diagrammes<\/h3>\n<p data-nodeid=\"1157\">Stockez tous les fichiers PlantUML dans votre d\u00e9p\u00f4t Git aux c\u00f4t\u00e9s du code de l&#8217;application. Cela permet :<\/p>\n<ul data-nodeid=\"1158\">\n<li data-nodeid=\"1159\">\n<p data-nodeid=\"1160\">La tra\u00e7abilit\u00e9 des d\u00e9cisions de conception<\/p>\n<\/li>\n<li data-nodeid=\"1161\">\n<p data-nodeid=\"1162\">Des revues de code collaboratives pour les modifications d&#8217;architecture<\/p>\n<\/li>\n<li data-nodeid=\"1163\">\n<p data-nodeid=\"1164\">Des capacit\u00e9s de retour en arri\u00e8re si les conceptions doivent \u00eatre r\u00e9vis\u00e9es<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"1165\">4. Utilisez OpenDocs pour la communication avec les parties prenantes<\/h3>\n<p data-nodeid=\"1166\">Utilisez OpenDocs pour partager une documentation vivante avec les parties prenantes techniques et non techniques. Comme les diagrammes se mettent \u00e0 jour automatiquement, vous \u00e9liminez le risque de partager des captures d&#8217;\u00e9cran obsol\u00e8tes.<\/p>\n<h3 data-nodeid=\"1167\">5. Standardiser les conventions de d\u00e9nomination<\/h3>\n<p data-nodeid=\"1168\">\u00c9tablissez des conventions de d\u00e9nomination coh\u00e9rentes pour les classes, les composants et les relations au sein de votre \u00e9quipe. Cela am\u00e9liore la lisibilit\u00e9 et r\u00e9duit les confusions lorsque plusieurs ing\u00e9nieurs contribuent aux m\u00eames diagrammes.<\/p>\n<hr data-nodeid=\"1169\"\/>\n<h2 data-nodeid=\"1170\">Conclusion<\/h2>\n<p data-nodeid=\"1171\">L&#8217;int\u00e9gration de la g\u00e9n\u00e9ration de diagrammes assist\u00e9e par IA de Visual Paradigm, de la plateforme diagramme-en-code de VPasCode et de la documentation vivante d&#8217;OpenDocs cr\u00e9e un flux de travail puissant pour les \u00e9quipes d&#8217;ing\u00e9nierie modernes. En traitant les diagrammes comme du code, vous b\u00e9n\u00e9ficiez du contr\u00f4le de version, de la publication automatis\u00e9e et d&#8217;une synchronisation perp\u00e9tuelle avec vos syst\u00e8mes.<\/p>\n<p data-nodeid=\"1172\">L&#8217;essentiel est la simplicit\u00e9 : <strong data-nodeid=\"1333\">g\u00e9n\u00e9rer avec l&#8217;IA, affiner avec du code, publier en toute confiance<\/strong>. Cette approche \u00e9limine les frictions li\u00e9es \u00e0 la maintenance manuelle des diagrammes et garantit que votre documentation \u00e9volue en m\u00eame temps que vos applications. Que vous conceviez des architectures de microservices, documentiez des flux d&#8217;authentification ou cartographiez des processus m\u00e9tier, ce flux de travail permet aux \u00e9quipes de communiquer clairement, de collaborer efficacement et de maintenir des visualisations pr\u00e9cises et \u00e0 jour de leurs syst\u00e8mes.<\/p>\n<p class=\"\" data-nodeid=\"1173\">Commencez d\u00e8s aujourd&#8217;hui \u00e0 exp\u00e9rimenter avec des diagrammes PlantUML g\u00e9n\u00e9r\u00e9s par IA et d\u00e9couvrez la transformation d&#8217;une documentation statique et obsol\u00e8te vers des guides d&#8217;architecture dynamiques et vivants.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Introduction Dans le d\u00e9veloppement logiciel moderne, la documentation devient souvent un goulot d&#8217;\u00e9tranglement. Les outils de diagrammation traditionnels n\u00e9cessitent des efforts manuels de glisser-d\u00e9poser, produisant des images statiques qui deviennent rapidement obsol\u00e8tes \u00e0 mesure que les syst\u00e8mes \u00e9voluent. Parall\u00e8lement, les \u00e9quipes d&#8217;ing\u00e9nierie privil\u00e9gient de plus en plus des flux de travail centr\u00e9s sur le code, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[62,70,36,69],"tags":[],"class_list":["post-9978","post","type-post","status-publish","format-standard","hentry","category-ai","category-opendocs","category-uml","category-vpascode","loop-entry","clr"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>De la demande \u00e0 la publication : Ma\u00eetriser la mod\u00e9lisation UML pilot\u00e9e par l&#039;IA gr\u00e2ce au Diagramme-as-Code avec Visual Paradigm - Visual Paradigm Blog Fran\u00e7ais<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"De la demande \u00e0 la publication : Ma\u00eetriser la mod\u00e9lisation UML pilot\u00e9e par l&#039;IA gr\u00e2ce au Diagramme-as-Code avec Visual Paradigm - Visual Paradigm Blog Fran\u00e7ais\" \/>\n<meta property=\"og:description\" content=\"Introduction Dans le d\u00e9veloppement logiciel moderne, la documentation devient souvent un goulot d&#8217;\u00e9tranglement. Les outils de diagrammation traditionnels n\u00e9cessitent des efforts manuels de glisser-d\u00e9poser, produisant des images statiques qui deviennent rapidement obsol\u00e8tes \u00e0 mesure que les syst\u00e8mes \u00e9voluent. Parall\u00e8lement, les \u00e9quipes d&#8217;ing\u00e9nierie privil\u00e9gient de plus en plus des flux de travail centr\u00e9s sur le code, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Blog Fran\u00e7ais\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-07T02:50:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png\" \/>\n<meta name=\"author\" content=\"Admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\",\"name\":\"De la demande \u00e0 la publication : Ma\u00eetriser la mod\u00e9lisation UML pilot\u00e9e par l'IA gr\u00e2ce au Diagramme-as-Code avec Visual Paradigm - Visual Paradigm Blog Fran\u00e7ais\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png\",\"datePublished\":\"2026-09-07T02:50:23+00:00\",\"dateModified\":\"2026-09-07T02:50:23+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/fr\/#\/schema\/person\/a649c442f11a53040710ddec750926c6\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"De la demande \u00e0 la publication : Ma\u00eetriser la mod\u00e9lisation UML pilot\u00e9e par l&#8217;IA gr\u00e2ce au Diagramme-as-Code avec Visual Paradigm\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/fr\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/fr\/\",\"name\":\"Visual Paradigm Blog Fran\u00e7ais\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/fr\/#\/schema\/person\/a649c442f11a53040710ddec750926c6\",\"name\":\"Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g\",\"caption\":\"Admin\"},\"url\":\"https:\/\/blog.visual-paradigm.com\/fr\/author\/vpadminuser\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"De la demande \u00e0 la publication : Ma\u00eetriser la mod\u00e9lisation UML pilot\u00e9e par l'IA gr\u00e2ce au Diagramme-as-Code avec Visual Paradigm - Visual Paradigm Blog Fran\u00e7ais","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:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","og_locale":"fr_FR","og_type":"article","og_title":"De la demande \u00e0 la publication : Ma\u00eetriser la mod\u00e9lisation UML pilot\u00e9e par l'IA gr\u00e2ce au Diagramme-as-Code avec Visual Paradigm - Visual Paradigm Blog Fran\u00e7ais","og_description":"Introduction Dans le d\u00e9veloppement logiciel moderne, la documentation devient souvent un goulot d&#8217;\u00e9tranglement. Les outils de diagrammation traditionnels n\u00e9cessitent des efforts manuels de glisser-d\u00e9poser, produisant des images statiques qui deviennent rapidement obsol\u00e8tes \u00e0 mesure que les syst\u00e8mes \u00e9voluent. Parall\u00e8lement, les \u00e9quipes d&#8217;ing\u00e9nierie privil\u00e9gient de plus en plus des flux de travail centr\u00e9s sur le code, [&hellip;]","og_url":"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","og_site_name":"Visual Paradigm Blog Fran\u00e7ais","article_published_time":"2026-09-07T02:50:23+00:00","og_image":[{"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png","type":"","width":"","height":""}],"author":"Admin","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Admin","Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","url":"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","name":"De la demande \u00e0 la publication : Ma\u00eetriser la mod\u00e9lisation UML pilot\u00e9e par l'IA gr\u00e2ce au Diagramme-as-Code avec Visual Paradigm - Visual Paradigm Blog Fran\u00e7ais","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png","datePublished":"2026-09-07T02:50:23+00:00","dateModified":"2026-09-07T02:50:23+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/fr\/#\/schema\/person\/a649c442f11a53040710ddec750926c6"},"breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/fr\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/fr\/"},{"@type":"ListItem","position":2,"name":"De la demande \u00e0 la publication : Ma\u00eetriser la mod\u00e9lisation UML pilot\u00e9e par l&#8217;IA gr\u00e2ce au Diagramme-as-Code avec Visual Paradigm"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/fr\/#website","url":"https:\/\/blog.visual-paradigm.com\/fr\/","name":"Visual Paradigm Blog Fran\u00e7ais","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/fr\/#\/schema\/person\/a649c442f11a53040710ddec750926c6","name":"Admin","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/blog.visual-paradigm.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g","caption":"Admin"},"url":"https:\/\/blog.visual-paradigm.com\/fr\/author\/vpadminuser\/"}]}},"modified_by":"Admin","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/posts\/9978","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/comments?post=9978"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/posts\/9978\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/media?parent=9978"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/categories?post=9978"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/tags?post=9978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}