Lorsque vous recevez un diagramme au format PNG, JPG ou m\u00eame une photographie d’un croquis sur tableau blanc, vous pouvez le visualiser, mais vous ne pouvez pas facilement le modifier, l’\u00e9tendre ou l’int\u00e9grer dans votre pipeline de documentation. Recr\u00e9er ces diagrammes manuellement dans un outil de diagrammage moderne est long et sujet aux erreurs.<\/p>\n
Entrez VPasCode AI<\/strong><\/a>, la plateforme am\u00e9lior\u00e9e de diagramme-as-code de Visual Paradigm qui prend d\u00e9sormais en charge la g\u00e9n\u00e9ration de diagrammes par IA bas\u00e9e sur des images<\/strong>. Cette fonctionnalit\u00e9 transforme les r\u00e9f\u00e9rences visuelles statiques\u2014captures d’\u00e9cran, diagrammes h\u00e9rit\u00e9s, croquis dessin\u00e9s \u00e0 la main ou images export\u00e9es depuis d’autres outils\u2014en code de diagramme \u00e9ditable et maintenable en utilisant des formats populaires tels que PlantUML, Mermaid et Graphviz.<\/p>\n Ce guide complet vous guidera \u00e0 travers tout ce que vous devez savoir pour exploiter cette capacit\u00e9 puissante, de l’utilisation de base aux flux de travail avanc\u00e9s qui connectent vos diagrammes g\u00e9n\u00e9r\u00e9s \u00e0 des \u00e9cosyst\u00e8mes plus larges de documentation et de mod\u00e9lisation.<\/p>\n VPasCode<\/a> est une plateforme en ligne de diagramme-as-code<\/strong><\/a> qui convertit les langages de diagrammes bas\u00e9s sur du texte et les donn\u00e9es structur\u00e9es en diagrammes visuels. Elle prend en charge plusieurs formats<\/a> notamment :<\/p>\n La g\u00e9n\u00e9ration de diagrammes par IA utilise l’intelligence artificielle pour cr\u00e9er du code de diagramme \u00e0 partir d’instructions en langage naturel. La r\u00e9cente am\u00e9lioration ajoute la capacit\u00e9 d’entr\u00e9e d’image<\/strong>, vous permettant de fournir \u00e0 la fois une r\u00e9f\u00e9rence visuelle et une invite textuelle. L’IA analyse la structure de l’image, interpr\u00e8te les relations et les \u00e9tiquettes, et g\u00e9n\u00e8re le code de diagramme correspondant que vous pouvez imm\u00e9diatement modifier et affiner.<\/p>\n Les outils de diagrammation traditionnels produisent des images statiques ou des formats de fichiers propri\u00e9taires qui sont difficiles \u00e0 contr\u00f4ler en version, \u00e0 examiner ou \u00e0 maintenir. Le diagramme en tant que code offre plusieurs avantages :<\/p>\n Le flux de travail est simple et ne prend que quelques \u00e9tapes :<\/p>\n Dans VPasCode, cliquez sur G\u00e9n\u00e9ration par IA<\/strong>en haut de l’application. La bo\u00eete de dialogue de g\u00e9n\u00e9ration par IA appara\u00eetra.<\/p>\n Cliquez sur T\u00e9l\u00e9charger une image<\/strong>en bas de la bo\u00eete de dialogue et choisissez une image depuis votre ordinateur. Sinon, vous pouvez copier une image dans votre presse-papiers et appuyer sur Ctrl-V<\/strong> pour la coller directement dans la bo\u00eete de dialogue.<\/p>\n D\u00e9crivez ce que vous souhaitez que VPasCode g\u00e9n\u00e8re et sp\u00e9cifiez le langage ou le format de diagramme souhait\u00e9. Soyez pr\u00e9cis sur le type de diagramme et le format cible.<\/p>\n Exemple d’instruction :<\/strong><\/p>\n G\u00e9n\u00e9rez un diagramme de s\u00e9quence en PlantUML bas\u00e9 sur l’image fournie.<\/p>\n<\/blockquote>\n VPasCode traite l’image et l’instruction, puis g\u00e9n\u00e8re le code du diagramme.<\/p>\n Le code g\u00e9n\u00e9r\u00e9 s’affiche \u00e0 gauche de l’\u00e9diteur VPasCode, tandis que le diagramme rendu s’affiche \u00e0 droite. Vous pouvez modifier le code et voir le r\u00e9sultat visuel se mettre \u00e0 jour en temps r\u00e9el.<\/p>\n La fonction d’entr\u00e9e d’image est polyvalente et fonctionne avec divers types de sources :<\/p>\n Conseil :<\/strong>La qualit\u00e9 de l’image est importante. Pour de meilleurs r\u00e9sultats, utilisez des images avec des \u00e9tiquettes lisibles, un bon contraste et des connecteurs clairement visibles. Les diagrammes complexes peuvent n\u00e9cessiter un raffinement it\u00e9ratif.<\/p>\n Sc\u00e9nario :<\/strong> Vous avez une capture d’\u00e9cran d’un diagramme de s\u00e9quence issu d’un ancien document Word montrant le flux d’authentification des utilisateurs.<\/p>\n Instruction :<\/strong><\/p>\n G\u00e9n\u00e9rez un diagramme de s\u00e9quence en PlantUML bas\u00e9 sur l’image fournie. Incluez tous les acteurs, messages et barres d’activation.<\/p>\n<\/blockquote>\n![\"Flux](\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ac60a9b87f31.png\")
<\/p>\nConcepts cl\u00e9s<\/h2>\n
Qu’est-ce que VPasCode ?<\/h3>\n
![\"Flux](\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ac60b2c8a856.png\")
<\/p>\n\n
Qu’est-ce que la g\u00e9n\u00e9ration de diagrammes par IA ?<\/h3>\n
Pourquoi le diagramme en tant que code est important<\/h3>\n
![\"Diagramme](\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ac60b92d996e.png\")
<\/p>\n\n
Comment g\u00e9n\u00e9rer du code de diagramme \u00e0 partir d’une image<\/h2>\n
\u00c9tape 1 : Ouvrir la g\u00e9n\u00e9ration par IA<\/h3>\n
![\"Barre](\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6aba028bb5acb.png\"\/)
<\/p>\n\u00c9tape 2 : T\u00e9l\u00e9chargez votre image de diagramme<\/h3>\n
![\"T\u00e9l\u00e9charger](\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6aba0d3dc0149.png\"\/)
<\/p>\n\u00c9tape 3 : Saisissez une instruction<\/h3>\n
\n
![\"Description](\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6aba0d623144a.png\"\/)
<\/p>\n\u00c9tape 4 : Cliquez sur G\u00e9n\u00e9rer par IA<\/h3>\n
![\"G\u00e9n\u00e9rer](\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6aba0d7b3a840.png\"\/)
<\/p>\n\u00c9tape 5 : Examinez et modifiez le r\u00e9sultat<\/h3>\n
Quelles images pouvez-vous utiliser ?<\/h2>\n
\n
Exemples pratiques<\/h2>\n
Exemple 1 : Conversion d’un Diagramme de s\u00e9quence h\u00e9rit\u00e9<\/a><\/h3>\n
\n
![\"Interface](\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ac60cfbd965d.png\")
<\/p>\n
\n
\n