{"id":10727,"date":"2026-09-07T10:50:23","date_gmt":"2026-09-07T02:50:23","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/pt\/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\/pt\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","title":{"rendered":"Do Prompt \u00e0 Publica\u00e7\u00e3o: Dominando a Modelagem UML Impulsionada por IA usando Diagrama como C\u00f3digo com o 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\">Introdu\u00e7\u00e3o<\/h2>\n<p data-nodeid=\"1070\">No desenvolvimento de software moderno, a documenta\u00e7\u00e3o frequentemente se torna o gargalo. Ferramentas tradicionais de diagrama\u00e7\u00e3o exigem esfor\u00e7os manuais de arrastar e soltar, resultando em imagens est\u00e1ticas que rapidamente se tornam desatualizadas \u00e0 medida que os sistemas evoluem. Enquanto isso, equipes de engenharia preferem cada vez mais fluxos de trabalho centrados em c\u00f3digo, onde tudo \u2014 da infraestrutura \u00e0 l\u00f3gica de aplica\u00e7\u00e3o \u2014 \u00e9 versionado e reproduz\u00edvel.<\/p>\n<p data-nodeid=\"1071\">O Visual Paradigm preenche essa lacuna ao combinar tr\u00eas capacidades poderosas: <strong data-nodeid=\"1190\">Gera\u00e7\u00e3o de diagramas assistida por IA<\/strong>,\u00a0<strong data-nodeid=\"1191\">VPasCode (Diagrama como C\u00f3digo)<\/strong>, e <strong data-nodeid=\"1192\">OpenDocs (Documenta\u00e7\u00e3o Viva)<\/strong>. Este ecossistema integrado permite que as equipes gerem diagramas de arquitetura a partir de prompts em linguagem natural, refinem-nos usando sintaxe baseada em texto como o PlantUML e os publiquem como documenta\u00e7\u00e3o viva e sempre atualizada.<\/p>\n<p data-nodeid=\"1072\">Este guia explora como aproveitar esse fluxo de trabalho para eliminar o atrito da exporta\u00e7\u00e3o manual, manter a documenta\u00e7\u00e3o sincronizada com o c\u00f3digo e capacitar tanto as partes interessadas t\u00e9cnicas quanto as n\u00e3o t\u00e9cnicas com visualiza\u00e7\u00f5es claras e acess\u00edveis.<\/p>\n<hr data-nodeid=\"1073\"\/>\n<h2 data-nodeid=\"1074\">Conceitos-Chave<\/h2>\n<h3 data-nodeid=\"1075\">1. Gera\u00e7\u00e3o de Diagramas Assistida por IA<\/h3>\n<p data-nodeid=\"1076\">Os chatbots de IA integrados do Visual Paradigm transformam descri\u00e7\u00f5es em linguagem simples em diagramas UML ou de arquitetura estruturados. Isso elimina a sobrecarga inicial de layout manual e permite a prototipagem r\u00e1pida de designs de sistemas.<\/p>\n<p data-nodeid=\"1077\"><strong data-nodeid=\"1202\">Caso de Uso Exemplo:<\/strong><\/p>\n<blockquote data-nodeid=\"1078\">\n<p data-nodeid=\"1079\"><em data-nodeid=\"1208\">&#8220;Crie um diagrama de sequ\u00eancia mostrando um usu\u00e1rio fazendo login, onde o frontend envia credenciais a um servi\u00e7o de autentica\u00e7\u00e3o, que valida contra um banco de dados e retorna um token JWT.&#8221;<\/em><\/p>\n<\/blockquote>\n<p data-nodeid=\"1080\">A IA gera instantaneamente o c\u00f3digo PlantUML correspondente, que pode ent\u00e3o ser refinado ainda mais.<\/p>\n<h3 data-nodeid=\"1081\">2. VPasCode: Plataforma de Diagrama como C\u00f3digo<\/h3>\n<p data-nodeid=\"1082\">O VPasCode \u00e9 um editor baseado em navegador que combina um editor de texto em tempo real com renderiza\u00e7\u00e3o visual instant\u00e2nea. Ele suporta m\u00faltiplas sintaxes de texto para diagrama, incluindo:<\/p>\n<ul data-nodeid=\"1083\">\n<li data-nodeid=\"1084\">\n<p data-nodeid=\"1085\"><strong data-nodeid=\"1216\">PlantUML<\/strong> (mais comum para UML)<\/p>\n<\/li>\n<li data-nodeid=\"1086\">\n<p data-nodeid=\"1087\"><strong data-nodeid=\"1221\">Mermaid<\/strong> (\u00f3timo para fluxogramas e diagramas simples)<\/p>\n<\/li>\n<li data-nodeid=\"1088\">\n<p data-nodeid=\"1089\"><strong data-nodeid=\"1226\">Graphviz<\/strong> (ideal para estruturas de grafos complexas)<\/p>\n<\/li>\n<li data-nodeid=\"1090\">\n<p data-nodeid=\"1091\"><strong data-nodeid=\"1231\">D2<\/strong> (diagrama\u00e7\u00e3o declarativa)<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"1092\">Como os diagramas s\u00e3o representados como scripts de texto, eles se integram perfeitamente aos reposit\u00f3rios Git ao lado do c\u00f3digo-fonte da aplica\u00e7\u00e3o, permitindo controle de vers\u00e3o, revis\u00f5es de c\u00f3digo e edi\u00e7\u00e3o colaborativa.<\/p>\n<h3 data-nodeid=\"1093\">3. OpenDocs: Documenta\u00e7\u00e3o Viva<\/h3>\n<p data-nodeid=\"1094\">O OpenDocs substitui o upload de imagens est\u00e1ticas por componentes vivos e conectados. Quando voc\u00ea envia atualiza\u00e7\u00f5es para o c\u00f3digo do seu diagrama no VPasCode, essas altera\u00e7\u00f5es s\u00e3o refletidas automaticamente nas suas p\u00e1ginas do OpenDocs. Isso garante que a documenta\u00e7\u00e3o permane\u00e7a perpetualmente sincronizada com a arquitetura real do sistema.<\/p>\n<h3 data-nodeid=\"1095\">4. O Pipeline OpenDocs<\/h3>\n<p data-nodeid=\"1096\">O pipeline conecta a autoria de c\u00f3digo e a publica\u00e7\u00e3o:<\/p>\n<ol data-nodeid=\"1097\">\n<li data-nodeid=\"1098\">\n<p data-nodeid=\"1099\"><strong data-nodeid=\"1241\">Gerar<\/strong>: Use a IA para criar a l\u00f3gica inicial do diagrama.<\/p>\n<\/li>\n<li data-nodeid=\"1100\">\n<p data-nodeid=\"1101\"><strong data-nodeid=\"1246\">Autorar<\/strong>: Refine a sintaxe, estilos ou estrutura no VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1102\">\n<p data-nodeid=\"1103\"><strong data-nodeid=\"1251\">Publicar<\/strong>: Envie atualiza\u00e7\u00f5es diretamente para o OpenDocs sem exporta\u00e7\u00e3o manual.<\/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\">Exemplos Pr\u00e1ticos Usando PlantUML<\/h2>\n<p data-nodeid=\"1106\">Abaixo est\u00e3o exemplos pr\u00e1ticos que demonstram como criar diagramas comuns usando PlantUML dentro do ecossistema Visual Paradigm.<\/p>\n<h3 data-nodeid=\"1107\">Exemplo 1: Diagrama de Classes para um Sistema de Com\u00e9rcio Eletr\u00f4nico<\/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>Editar PlantUML no 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:ZPA_QiGm3CPtWz_1PBgst71hXdAbjtHgeNq1dIEEWF_aB7aefUzUEx5pnUbG3pRw9FJZatmaXi3H6Ycq0IBr78cznQ2-f53fFEWYl0ozUkSmkaj9EB3OI6XXD8qs6T3u6WOCkpiflgMef5bRCJv76yQide0JADz5PSzWdgoFZfFkuzdKZ0QZeqcL7xca0Ru5FqJDAt9QulyOcyAeiM5Ta4_8oJ2r7FYqw7vnbdZ3WRySf7rmf0tUQoGgZLVSkglkqAdz_b5rzrqPQw_ckPCKIvmpjQBEeLVQksJ0tQfgd_HM5xqAU8rZoBsEw8RqLtu0\" \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 Customer {\r\n    +customerId: String\r\n    +name: String\r\n    +email: String\r\n    +placeOrder()\r\n}\r\n\r\nclass Order {\r\n    +orderId: String\r\n    +orderDate: Date\r\n    +totalAmount: Double\r\n    +calculateTotal()\r\n}\r\n\r\nclass Product {\r\n    +productId: String\r\n    +name: String\r\n    +price: Double\r\n    +getDetails()\r\n}\r\n\r\nclass Payment {\r\n    +paymentId: String\r\n    +amount: Double\r\n    +status: String\r\n    +processPayment()\r\n}\r\n\r\nCustomer \"1\" --&gt; \"*\" Order : places\r\nOrder \"*\" --&gt; \"*\" Product : contains\r\nOrder \"1\" --&gt; \"1\" Payment : requires\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPA_QiGm3CPtWz_1PBgst71hXdAbjtHgeNq1dIEEWF_aB7aefUzUEx5pnUbG3pRw9FJZatmaXi3H6Ycq0IBr78cznQ2-f53fFEWYl0ozUkSmkaj9EB3OI6XXD8qs6T3u6WOCkpiflgMef5bRCJv76yQide0JADz5PSzWdgoFZfFkuzdKZ0QZeqcL7xca0Ru5FqJDAt9QulyOcyAeiM5Ta4_8oJ2r7FYqw7vnbdZ3WRySf7rmf0tUQoGgZLVSkglkqAdz_b5rzrqPQw_ckPCKIvmpjQBEeLVQksJ0tQfgd_HM5xqAU8rZoBsEw8RqLtu0\" \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>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"1109\"><strong data-nodeid=\"1258\">Fluxo de trabalho:<\/strong><\/p>\n<ol data-nodeid=\"1110\">\n<li data-nodeid=\"1111\">\n<p data-nodeid=\"1112\">Pergunte ao assistente de IA:<em data-nodeid=\"1265\">\u201cCrie um diagrama de classes para um sistema de com\u00e9rcio eletr\u00f4nico com classes Customer, Order, Product e Payment.\u201d<\/em><\/p>\n<\/li>\n<li data-nodeid=\"1113\">\n<p data-nodeid=\"1114\">Revise e refine o c\u00f3digo PlantUML gerado no VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1115\">\n<p data-nodeid=\"1116\">Publique no OpenDocs para revis\u00e3o das partes interessadas.<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"1117\"\/>\n<h3 data-nodeid=\"1118\">Exemplo 2: Diagrama de Sequ\u00eancia para Autentica\u00e7\u00e3o de Usu\u00e1rio<\/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>Editar PlantUML no 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:bPBDJiCm48JlblmEgzmhxZcWDWGa418_BN1UqgLOk8wrQnVrxLadROegSI27H1b_dl5aCvU4dFBMMuDTwXbUXDYQgABhNCIGeBhXFYGAQrZ4M04A78KpRf7J9oo9TwwZWIk2DMjC-8v2K1LlQ0-l0z4srbWpwBFBoRU6QtqoT4nh2icX5skcKoXOZ6juV5YkuCBt6nUi6S9rgMrgUCh4UyXoRj4sC9jsFrFA74Qg7F5eCG6lw9qk44GK-UvPww9FemnNltr1hsdpgSGXuUvj1Qd_eZ22fnuAb-Ort9SA8BdhIEGZwop8w_Uw3Rl_PX6ppd2hDhYXF_DQ9z7ZVgGrh4nohdVz3Nu0\" \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\nactor User\r\nparticipant \"Frontend App\" as Frontend\r\nparticipant \"Auth Service\" as Auth\r\ndatabase \"User Database\" as DB\r\n\r\nUser -&gt; Frontend: Enter credentials\r\nFrontend -&gt; Auth: POST \/login\r\nAuth -&gt; DB: Query user credentials\r\nDB --&gt; Auth: Return user data\r\nAuth --&gt; Auth: Validate password\r\nalt Valid Credentials\r\n    Auth --&gt; Frontend: Return JWT token\r\n    Frontend --&gt; User: Login successful\r\nelse Invalid Credentials\r\n    Auth --&gt; Frontend: Return error message\r\n    Frontend --&gt; User: Display error\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:bPBDJiCm48JlblmEgzmhxZcWDWGa418_BN1UqgLOk8wrQnVrxLadROegSI27H1b_dl5aCvU4dFBMMuDTwXbUXDYQgABhNCIGeBhXFYGAQrZ4M04A78KpRf7J9oo9TwwZWIk2DMjC-8v2K1LlQ0-l0z4srbWpwBFBoRU6QtqoT4nh2icX5skcKoXOZ6juV5YkuCBt6nUi6S9rgMrgUCh4UyXoRj4sC9jsFrFA74Qg7F5eCG6lw9qk44GK-UvPww9FemnNltr1hsdpgSGXuUvj1Qd_eZ22fnuAb-Ort9SA8BdhIEGZwop8w_Uw3Rl_PX6ppd2hDhYXF_DQ9z7ZVgGrh4nohdVz3Nu0\" \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>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"1120\"><strong data-nodeid=\"1272\">Fluxo de trabalho:<\/strong><\/p>\n<ol data-nodeid=\"1121\">\n<li data-nodeid=\"1122\">\n<p data-nodeid=\"1123\">Solicite \u00e0 IA:<em data-nodeid=\"1279\">\u201cMostre-me um diagrama de sequ\u00eancia para login de usu\u00e1rio com autentica\u00e7\u00e3o JWT.\u201d<\/em><\/p>\n<\/li>\n<li data-nodeid=\"1124\">\n<p data-nodeid=\"1125\">Ajuste o tempo, adicione tratamento de erros ou modifique os participantes no VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1126\">\n<p data-nodeid=\"1127\">Incorpore o diagrama ao vivo no seu guia de autentica\u00e7\u00e3o do OpenDocs.<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"1128\"\/>\n<h3 data-nodeid=\"1129\">Exemplo 3: Diagrama de Componentes para Arquitetura de Microsservi\u00e7os<\/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>Edite o PlantUML no 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:RPBD2i8m48JlWRp3qdjVGQeKf2SBnPFqiBP1H5ibYPKYlhiXgJG_c-FC5sOof50QfNuDTywUsDtm8Y3RrXNiKOitpXbyE0DpJfxOSlRbpBlG23bTEw5M-gY4X4Lk5-qW-rIiSHx4g6Ev6YUZFkJi6M5cYHgXCOWNsnljZCguDh_SPR7kEX36lmTXhLsiQMi4Sq2URv8d4qGy086aSn0GDOu1WmAMz6Q8mftjhP4aEoAOXGXsLBHG8SRU_AWV\" \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 \"API Gateway\" {\r\n    [API Gateway]\r\n}\r\n\r\npackage \"Services\" {\r\n    [User Service]\r\n    [Order Service]\r\n    [Payment Service]\r\n    [Inventory Service]\r\n}\r\n\r\npackage \"Data Stores\" {\r\n    database \"User DB\"\r\n    database \"Order DB\"\r\n    database \"Payment DB\"\r\n    database \"Inventory DB\"\r\n}\r\n\r\n[API Gateway] --&gt; [User Service]\r\n[API Gateway] --&gt; [Order Service]\r\n[API Gateway] --&gt; [Payment Service]\r\n[API Gateway] --&gt; [Inventory Service]\r\n\r\n[User Service] --&gt; \"User DB\"\r\n[Order Service] --&gt; \"Order DB\"\r\n[Payment Service] --&gt; \"Payment DB\"\r\n[Inventory Service] --&gt; \"Inventory DB\"\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RPBD2i8m48JlWRp3qdjVGQeKf2SBnPFqiBP1H5ibYPKYlhiXgJG_c-FC5sOof50QfNuDTywUsDtm8Y3RrXNiKOitpXbyE0DpJfxOSlRbpBlG23bTEw5M-gY4X4Lk5-qW-rIiSHx4g6Ev6YUZFkJi6M5cYHgXCOWNsnljZCguDh_SPR7kEX36lmTXhLsiQMi4Sq2URv8d4qGy086aSn0GDOu1WmAMz6Q8mftjhP4aEoAOXGXsLBHG8SRU_AWV\" \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>Edite o PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"1131\"><strong data-nodeid=\"1286\">Fluxo de trabalho:<\/strong><\/p>\n<ol data-nodeid=\"1132\">\n<li data-nodeid=\"1133\">\n<p data-nodeid=\"1134\">Descreva a topologia dos seus microsservi\u00e7os para o assistente de IA.<\/p>\n<\/li>\n<li data-nodeid=\"1135\">\n<p data-nodeid=\"1136\">Refine os limites e as rela\u00e7\u00f5es dos componentes no VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1137\">\n<p data-nodeid=\"1138\">Publique no OpenDocs como parte dos seus registros de decis\u00e3o de arquitetura (ADRs).<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"1139\"\/>\n<h3 data-nodeid=\"1140\">Exemplo 4: Diagrama de Atividade para o Fluxo de Trabalho de Processamento de Pedidos<\/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>Edite o PlantUML no 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:VP5DJiCm48NtaN87BzC55qWML9I2sA2gY-wDymA3_5CyJYx4cbFqOemRj_mKiVBJytnlnkCb9ntJw6nT7LLTjLiOF26g3NhgGrTNDAXcfotr-cHUBrHwWLSDarlKbLBj3f46CbAnvXJUHdJPpkH3WbEtnFlW3nyJx0Khz1QCE0ainPwxucvYC63ENVMpTl0fbAkSU_RK3TmLZ-RloOv9zuYISgVJ67LtTjT-8ltjdRCju-zd3SjGZJ-yXw-abVO6zb_AzpHaUO6tZo6L9QqioUWe-0akw2zGjlCAIZzxpaW1bdBA5tu2\" \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\nstart\r\n:Receber Pedido;\r\nif (Validar Pedido?) then (sim)\r\n  :Verificar Estoque;\r\n  if (Item Dispon\u00edvel?) then (sim)\r\n    :Reservar Itens;\r\n    :Processar Pagamento;\r\n    if (Pagamento Bem-sucedido?) then (sim)\r\n      :Gerar Fatura;\r\n      :Enviar Pedido;\r\n      stop\r\n    else (n\u00e3o)\r\n      :Cancelar Pedido;\r\n      stop\r\n    endif\r\n  else (n\u00e3o)\r\n    :Notificar Cliente;\r\n    stop\r\n  endif\r\nelse (n\u00e3o)\r\n  :Rejeitar Pedido;\r\n  stop\r\nendif\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VP5DJiCm48NtaN87BzC55qWML9I2sA2gY-wDymA3_5CyJYx4cbFqOemRj_mKiVBJytnlnkCb9ntJw6nT7LLTjLiOF26g3NhgGrTNDAXcfotr-cHUBrHwWLSDarlKbLBj3f46CbAnvXJUHdJPpkH3WbEtnFlW3nyJx0Khz1QCE0ainPwxucvYC63ENVMpTl0fbAkSU_RK3TmLZ-RloOv9zuYISgVJ67LtTjT-8ltjdRCju-zd3SjGZJ-yXw-abVO6zb_AzpHaUO6tZo6L9QqioUWe-0akw2zGjlCAIZzxpaW1bdBA5tu2\" \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>Edite o PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"1142\"><strong data-nodeid=\"1294\">Fluxo de trabalho:<\/strong><\/p>\n<ol data-nodeid=\"1143\">\n<li data-nodeid=\"1144\">\n<p data-nodeid=\"1145\">Pergunte \u00e0 IA: <em data-nodeid=\"1301\">\u201cCrie um diagrama de atividade para o processamento de pedidos com verifica\u00e7\u00e3o de estoque e valida\u00e7\u00e3o de pagamento.\u201d<\/em><\/p>\n<\/li>\n<li data-nodeid=\"1146\">\n<p data-nodeid=\"1147\">Adicione pontos de decis\u00e3o e casos de borda no VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1148\">\n<p data-nodeid=\"1149\">Compartilhe via OpenDocs com as equipes de opera\u00e7\u00f5es e suporte ao cliente.<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"1150\"\/>\n<h2 data-nodeid=\"1151\">Melhores Pr\u00e1ticas<\/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. Comece com IA, refine com c\u00f3digo<\/h3>\n<p data-nodeid=\"1153\">Use a IA para prototipar diagramas rapidamente, mas sempre revise e refine o c\u00f3digo PlantUML gerado. A IA fornece um ponto de partida s\u00f3lido, mas a supervis\u00e3o humana garante precis\u00e3o e alinhamento com os padr\u00f5es da equipe.<\/p>\n<h3 data-nodeid=\"1154\">2. Mantenha os diagramas simples e focados<\/h3>\n<p data-nodeid=\"1155\">Evite sobrecarregar os diagramas com detalhes excessivos. Use v\u00e1rios diagramas focados em vez de uma \u00fanica vis\u00e3o geral massiva. Por exemplo, separe os fluxos de autentica\u00e7\u00e3o dos fluxos de processamento de pedidos.<\/p>\n<h3 data-nodeid=\"1156\">3. Controle de vers\u00e3o dos seus diagramas<\/h3>\n<p data-nodeid=\"1157\">Armazene todos os arquivos PlantUML no seu reposit\u00f3rio Git junto com o c\u00f3digo da aplica\u00e7\u00e3o. Isso permite:<\/p>\n<ul data-nodeid=\"1158\">\n<li data-nodeid=\"1159\">\n<p data-nodeid=\"1160\">Rastreabilidade das decis\u00f5es de design<\/p>\n<\/li>\n<li data-nodeid=\"1161\">\n<p data-nodeid=\"1162\">Revis\u00f5es de c\u00f3digo colaborativas para altera\u00e7\u00f5es de arquitetura<\/p>\n<\/li>\n<li data-nodeid=\"1163\">\n<p data-nodeid=\"1164\">Capacidade de reverter se os designs precisarem de revis\u00e3o<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"1165\">4. Aproveite o OpenDocs para a comunica\u00e7\u00e3o com as partes interessadas<\/h3>\n<p data-nodeid=\"1166\">Use o OpenDocs para compartilhar documenta\u00e7\u00e3o viva com partes interessadas t\u00e9cnicas e n\u00e3o t\u00e9cnicas. Como os diagramas s\u00e3o atualizados automaticamente, voc\u00ea elimina o risco de compartilhar capturas de tela desatualizadas.<\/p>\n<h3 data-nodeid=\"1167\">5. Padronize as Conven\u00e7\u00f5es de Nomenclatura<\/h3>\n<p data-nodeid=\"1168\">Estabele\u00e7a conven\u00e7\u00f5es de nomenclatura consistentes para classes, componentes e relacionamentos em toda a sua equipe. Isso melhora a legibilidade e reduz a confus\u00e3o quando v\u00e1rios engenheiros contribuem para os mesmos diagramas.<\/p>\n<hr data-nodeid=\"1169\"\/>\n<h2 data-nodeid=\"1170\">Conclus\u00e3o<\/h2>\n<p data-nodeid=\"1171\">A integra\u00e7\u00e3o do Visual Paradigm de gera\u00e7\u00e3o de diagramas assistida por IA, da plataforma diagrama como c\u00f3digo da VPasCode e da documenta\u00e7\u00e3o viva do OpenDocs cria um fluxo de trabalho poderoso para equipes de engenharia modernas. Ao tratar diagramas como c\u00f3digo, voc\u00ea obt\u00e9m os benef\u00edcios de controle de vers\u00e3o, publica\u00e7\u00e3o automatizada e sincroniza\u00e7\u00e3o perp\u00e9tua com seus sistemas.<\/p>\n<p data-nodeid=\"1172\">A principal li\u00e7\u00e3o \u00e9 a simplicidade: <strong data-nodeid=\"1333\">gerar com IA, refinar com c\u00f3digo, publicar com confian\u00e7a<\/strong>. Essa abordagem elimina o atrito da manuten\u00e7\u00e3o manual de diagramas e garante que sua documenta\u00e7\u00e3o evolua junto com suas aplica\u00e7\u00f5es. Seja projetando arquiteturas de microsservi\u00e7os, documentando fluxos de autentica\u00e7\u00e3o ou mapeando processos de neg\u00f3cios, esse fluxo de trabalho capacita as equipes a se comunicarem com clareza, colaborarem de forma eficiente e manterem visualiza\u00e7\u00f5es precisas e atualizadas de seus sistemas.<\/p>\n<p class=\"\" data-nodeid=\"1173\">Comece a experimentar diagramas PlantUML gerados por IA hoje e experimente a transforma\u00e7\u00e3o de documenta\u00e7\u00e3o est\u00e1tica e desatualizada em guias de arquitetura din\u00e2micos e vivos.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Introdu\u00e7\u00e3o No desenvolvimento de software moderno, a documenta\u00e7\u00e3o frequentemente se torna o gargalo. Ferramentas tradicionais de diagrama\u00e7\u00e3o exigem esfor\u00e7os manuais de arrastar e soltar, resultando em imagens est\u00e1ticas que rapidamente se tornam desatualizadas \u00e0 medida que os sistemas evoluem. Enquanto isso, equipes de engenharia preferem cada vez mais fluxos de trabalho centrados em c\u00f3digo, onde [&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,68,36,67],"tags":[],"class_list":["post-10727","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>Do Prompt \u00e0 Publica\u00e7\u00e3o: Dominando a Modelagem UML Impulsionada por IA usando Diagrama como C\u00f3digo com o Visual Paradigm - Visual Paradigm Blog<\/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\/pt\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Do Prompt \u00e0 Publica\u00e7\u00e3o: Dominando a Modelagem UML Impulsionada por IA usando Diagrama como C\u00f3digo com o Visual Paradigm - Visual Paradigm Blog\" \/>\n<meta property=\"og:description\" content=\"Introdu\u00e7\u00e3o No desenvolvimento de software moderno, a documenta\u00e7\u00e3o frequentemente se torna o gargalo. Ferramentas tradicionais de diagrama\u00e7\u00e3o exigem esfor\u00e7os manuais de arrastar e soltar, resultando em imagens est\u00e1ticas que rapidamente se tornam desatualizadas \u00e0 medida que os sistemas evoluem. Enquanto isso, equipes de engenharia preferem cada vez mais fluxos de trabalho centrados em c\u00f3digo, onde [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/pt\/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\" \/>\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=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\",\"name\":\"Do Prompt \u00e0 Publica\u00e7\u00e3o: Dominando a Modelagem UML Impulsionada por IA usando Diagrama como C\u00f3digo com o Visual Paradigm - Visual Paradigm Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/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\/pt\/#\/schema\/person\/a649c442f11a53040710ddec750926c6\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/pt\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/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\/pt\/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\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Do Prompt \u00e0 Publica\u00e7\u00e3o: Dominando a Modelagem UML Impulsionada por IA usando Diagrama como C\u00f3digo com o Visual Paradigm\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/\",\"name\":\"Visual Paradigm Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/a649c442f11a53040710ddec750926c6\",\"name\":\"Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#\/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\/pt\/author\/vpadminuser\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Do Prompt \u00e0 Publica\u00e7\u00e3o: Dominando a Modelagem UML Impulsionada por IA usando Diagrama como C\u00f3digo com o Visual Paradigm - Visual Paradigm Blog","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\/pt\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","og_locale":"pt_PT","og_type":"article","og_title":"Do Prompt \u00e0 Publica\u00e7\u00e3o: Dominando a Modelagem UML Impulsionada por IA usando Diagrama como C\u00f3digo com o Visual Paradigm - Visual Paradigm Blog","og_description":"Introdu\u00e7\u00e3o No desenvolvimento de software moderno, a documenta\u00e7\u00e3o frequentemente se torna o gargalo. Ferramentas tradicionais de diagrama\u00e7\u00e3o exigem esfor\u00e7os manuais de arrastar e soltar, resultando em imagens est\u00e1ticas que rapidamente se tornam desatualizadas \u00e0 medida que os sistemas evoluem. Enquanto isso, equipes de engenharia preferem cada vez mais fluxos de trabalho centrados em c\u00f3digo, onde [&hellip;]","og_url":"https:\/\/blog.visual-paradigm.com\/pt\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","og_site_name":"Visual Paradigm Blog","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":{"Escrito por":"Admin","Tempo estimado de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/pt\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","url":"https:\/\/blog.visual-paradigm.com\/pt\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","name":"Do Prompt \u00e0 Publica\u00e7\u00e3o: Dominando a Modelagem UML Impulsionada por IA usando Diagrama como C\u00f3digo com o Visual Paradigm - Visual Paradigm Blog","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/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\/pt\/#\/schema\/person\/a649c442f11a53040710ddec750926c6"},"breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/pt\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/blog.visual-paradigm.com\/pt\/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\/pt\/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\/pt\/"},{"@type":"ListItem","position":2,"name":"Do Prompt \u00e0 Publica\u00e7\u00e3o: Dominando a Modelagem UML Impulsionada por IA usando Diagrama como C\u00f3digo com o Visual Paradigm"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#website","url":"https:\/\/blog.visual-paradigm.com\/pt\/","name":"Visual Paradigm Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/a649c442f11a53040710ddec750926c6","name":"Admin","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#\/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\/pt\/author\/vpadminuser\/"}]}},"modified_by":"Admin","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts\/10727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/comments?post=10727"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts\/10727\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media?parent=10727"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/categories?post=10727"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/tags?post=10727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}