{"id":2876,"date":"2026-09-21T10:15:10","date_gmt":"2026-09-21T02:15:10","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/"},"modified":"2026-09-21T10:15:29","modified_gmt":"2026-09-21T02:15:29","slug":"opendocs-editable-diagrams-vpascode-integration","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/","title":{"rendered":"Torne os diagramas edit\u00e1veis no Visual Paradigm OpenDocs com VPasCode"},"content":{"rendered":"<p>A Visual Paradigm tem o prazer de anunciar uma importante melhoria para <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">Visual Paradigm OpenDocs<\/a>: os usu\u00e1rios agora podem criar e inserir diagramas edit\u00e1veis diretamente nas p\u00e1ginas de documentos por meio da integra\u00e7\u00e3o com <a href=\"https:\/\/www.visual-paradigm.com\/features\/vpascode\/\">Visual Paradigm VPasCode<\/a>.<\/p>\n<p>Essa nova capacidade conecta documenta\u00e7\u00e3o e diagrama\u00e7\u00e3o em um fluxo de trabalho simplificado. Em vez de criar um diagrama em um aplicativo separado, export\u00e1-lo como uma imagem e inserir manualmente essa imagem em um documento, os usu\u00e1rios agora podem criar um diagrama com diagrama\u00e7\u00e3o como c\u00f3digo, inseri-lo no OpenDocs e reabri-lo para edi\u00e7\u00e3o sempre que forem necess\u00e1rias altera\u00e7\u00f5es.<\/p>\n<p>O resultado \u00e9 uma ferramenta de gerenciamento de conhecimento mais flex\u00edvel para equipes de software, redatores t\u00e9cnicos, arquitetos, analistas de neg\u00f3cios, gerentes de produtos e qualquer pessoa que precise explicar ideias complexas de forma visual.<\/p>\n<p><a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">Abra o Visual Paradigm OpenDocs<\/a> e comece a criar documenta\u00e7\u00e3o com diagramas edit\u00e1veis hoje.<\/p>\n<p><img fetchpriority=\"high\" alt=\"Infogr\u00e1fico mostrando como criar, inserir e editar diagramas no Visual Paradigm OpenDocs com VPasCode\" class=\"alignnone size-full wp-image-4215\" decoding=\"async\" fetchpriority=\"high\" height=\"1024\" sizes=\"(max-width: 1536px) 100vw, 1536px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic.jpeg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic.jpeg 1536w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic-300x200.jpeg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic-1024x683.jpeg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic-768x512.jpeg 768w\" width=\"1536\"\/><\/p>\n<h2>O que h\u00e1 de novo no Visual Paradigm OpenDocs?<\/h2>\n<p>O OpenDocs agora permite que os usu\u00e1rios insiram diagramas em uma p\u00e1gina por meio da integra\u00e7\u00e3o com VPasCode. O diagrama \u00e9 adicionado na posi\u00e7\u00e3o do cursor de texto e pode ser editado novamente ap\u00f3s a inser\u00e7\u00e3o.<\/p>\n<p>Isso significa que os diagramas n\u00e3o est\u00e3o mais limitados a imagens est\u00e1ticas adicionadas ap\u00f3s a conclus\u00e3o do processo de escrita. Eles podem se tornar partes ativas e edit\u00e1veis de um documento que suportam explica\u00e7\u00e3o, colabora\u00e7\u00e3o, planejamento, an\u00e1lise e compartilhamento de conhecimento.<\/p>\n<p>Seja voc\u00ea preparando uma especifica\u00e7\u00e3o de requisitos de software, criando uma wiki interna de projeto, documentando uma arquitetura de sistema, publicando um guia de processo ou construindo uma base de conhecimento de produto, agora voc\u00ea pode combinar conte\u00fado escrito e modelos visuais no mesmo documento.<\/p>\n<h2>Por que essa melhoria \u00e9 importante<\/h2>\n<p>Os documentos s\u00e3o frequentemente mais \u00fateis quando combinam explica\u00e7\u00f5es claras com diagramas. As descri\u00e7\u00f5es escritas fornecem contexto e detalhes, enquanto os diagramas ajudam os leitores a entender relacionamentos, sequ\u00eancias, depend\u00eancias, estruturas e fluxos de trabalho de uma olhada.<\/p>\n<p>No entanto, criar e manter diagramas na documenta\u00e7\u00e3o pode ser inconveniente. Um fluxo de trabalho comum envolve usar uma ferramenta para criar o diagrama, exportar o resultado como um arquivo PNG ou SVG, fazer upload da imagem em um documento e repetir o processo sempre que o diagrama mudar. Isso pode gerar trabalho desnecess\u00e1rio e levar a visuais desatualizados, arquivos duplicados ou confus\u00e3o sobre qual vers\u00e3o \u00e9 a mais recente.<\/p>\n<p>A integra\u00e7\u00e3o entre OpenDocs e VPasCode reduz esse atrito ao aproximar a cria\u00e7\u00e3o de diagramas do fluxo de trabalho de documenta\u00e7\u00e3o. Os usu\u00e1rios podem criar um diagrama onde for necess\u00e1rio, inseri-lo na p\u00e1gina e retornar ao editor de diagramas posteriormente para revis\u00f5es.<\/p>\n<h3>Mantenha as Explica\u00e7\u00f5es Visuais Pr\u00f3ximas do Conte\u00fado Relevante<\/h3>\n<p>Um diagrama \u00e9 mais eficaz quando aparece ao lado da explica\u00e7\u00e3o que ele suporta. Com a nova capacidade do OpenDocs, os usu\u00e1rios podem colocar um fluxograma abaixo de uma descri\u00e7\u00e3o de processo, adicionar um diagrama de sequ\u00eancia ao lado de uma explica\u00e7\u00e3o de API ou incluir um diagrama de arquitetura de sistema dentro de uma especifica\u00e7\u00e3o t\u00e9cnica.<\/p>\n<p>Isso torna os documentos mais f\u00e1ceis de ler e ajuda os usu\u00e1rios a entender a rela\u00e7\u00e3o entre informa\u00e7\u00f5es escritas e informa\u00e7\u00f5es visuais sem alternar entre v\u00e1rios aplicativos.<\/p>\n<h3>Reduza o Trabalho Manual de Exporta\u00e7\u00e3o e Upload<\/h3>\n<p>O VPasCode cria diagramas a partir de linguagens de diagrama\u00e7\u00e3o baseadas em texto e os renderiza visualmente no navegador. Com a integra\u00e7\u00e3o do OpenDocs, os usu\u00e1rios podem inserir o resultado diretamente em uma p\u00e1gina, em vez de baixar manualmente uma imagem e faz\u00ea-la upload em um documento.<\/p>\n<p>Reduzir essas etapas repetitivas pode ajudar as equipes a economizar tempo e manter um processo de documenta\u00e7\u00e3o mais limpo, especialmente quando os diagramas s\u00e3o atualizados com frequ\u00eancia durante o desenvolvimento ou o planejamento de projetos.<\/p>\n<h3>Torne os Diagramas Edit\u00e1veis Ap\u00f3s a Inser\u00e7\u00e3o<\/h3>\n<p>Os requisitos mudam. Os sistemas evoluem. Os processos de neg\u00f3cios s\u00e3o revisados. Um diagrama que descreve com precis\u00e3o um projeto hoje pode precisar ser atualizado amanh\u00e3.<\/p>\n<p>Como os diagramas inseridos por meio do VPasCode permanecem edit\u00e1veis, os usu\u00e1rios podem reabrir o editor de diagramas do OpenDocs, modificar o c\u00f3digo do diagrama, salvar as altera\u00e7\u00f5es e atualizar o diagrama no documento. Isso facilita o refinamento do conte\u00fado visual \u00e0 medida que as ideias e os projetos evoluem.<\/p>\n<h3>Suporte a Mais de um Estilo de Diagrama\u00e7\u00e3o<\/h3>\n<p>Projetos diferentes exigem diferentes tipos de comunica\u00e7\u00e3o visual. Um arquiteto de software pode precisar de um modelo C4 ou de um diagrama de implanta\u00e7\u00e3o. Um analista de neg\u00f3cios pode precisar de um fluxograma de processo ou de um mapa de jornada do usu\u00e1rio. Um gerente de projeto pode precisar de um gr\u00e1fico de Gantt ou de um roteiro. Um redator t\u00e9cnico pode precisar de um mapa mental, de um diagrama de sequ\u00eancia ou de um diagrama de entidade-relacionamento.<\/p>\n<p>O VPasCode suporta uma ampla gama de formatos de diagrama\u00e7\u00e3o e tecnologias de visualiza\u00e7\u00e3o, incluindo PlantUML, Mermaid, Graphviz, D2, Markmap e ECharts. Ele tamb\u00e9m suporta dados estruturados e outros formatos baseados em c\u00f3digo que podem ser usados para criar representa\u00e7\u00f5es visuais.<\/p>\n<h2>O que \u00e9 o Visual Paradigm VPasCode?<\/h2>\n<p><a href=\"https:\/\/www.visual-paradigm.com\/features\/vpascode\/\">Visual Paradigm VPasCode<\/a>\u00e9 uma plataforma online de diagramas como c\u00f3digo que permite aos usu\u00e1rios criar diagramas escrevendo descri\u00e7\u00f5es baseadas em texto. Combina um editor de c\u00f3digo com uma visualiza\u00e7\u00e3o visual em tempo real, permitindo que os usu\u00e1rios vejam o diagrama conforme escrevem ou modificam o c\u00f3digo.<\/p>\n<p>Em vez de desenhar manualmente cada forma e conector, os usu\u00e1rios descrevem a estrutura de um diagrama usando uma sintaxe suportada. O VPasCode, em seguida, renderiza o resultado como um diagrama visual.<\/p>\n<p>Essa abordagem \u00e9 particularmente \u00fatil para desenvolvedores, arquitetos de software, equipes t\u00e9cnicas e outros usu\u00e1rios que desejam uma maneira r\u00e1pida e repet\u00edvel de criar diagramas. Tamb\u00e9m \u00e9 \u00fatil para equipes que preferem diagramas que podem ser revisados e refinados como texto.<\/p>\n<p>O VPasCode inclui exemplos para diferentes tipos e formatos de diagramas, tornando mais f\u00e1cil para novos usu\u00e1rios come\u00e7arem. Os usu\u00e1rios tamb\u00e9m podem<a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-ai-diagram-generation-code-modification-update\/\">usar IA para gerar c\u00f3digo de diagrama<\/a>a partir de uma descri\u00e7\u00e3o em linguagem natural.<\/p>\n<p id=\"RLYEeVU\"><img alt=\"Gerar diagrama no Visual Paradigm VPasCode com IA\" class=\"alignnone wp-image-4226 size-full\" decoding=\"async\" height=\"370\" sizes=\"(max-width: 579px) 100vw, 579px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0910cd1b6c.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0910cd1b6c.png 579w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0910cd1b6c-300x192.png 300w\" width=\"579\"\/><\/p>\n<h2>Formatos de Diagramas e Visualiza\u00e7\u00f5es Suportados<\/h2>\n<p>Atrav\u00e9s do VPasCode, os usu\u00e1rios do OpenDocs podem criar e inserir muitos tipos diferentes de diagramas e visualiza\u00e7\u00f5es. Os formatos suportados incluem:<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/plantuml-playbook\/\">PlantUML<\/a>:<\/strong> Diagramas de classes, diagramas de sequ\u00eancia, diagramas de casos de uso, diagramas de atividade, diagramas de componentes, diagramas de implanta\u00e7\u00e3o, diagramas de estado, diagramas ER, diagramas ArchiMate, modelos C4, mapas mentais, gr\u00e1ficos de Gantt e muito mais.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/mermaid-js-playbook\/\">Mermaid<\/a>:<\/strong> Fluxogramas, diagramas de classes, diagramas de sequ\u00eancia, diagramas de relacionamento de entidades, diagramas de estado, mapas mentais, diagramas C4, gr\u00e1ficos de Gantt, linhas do tempo, mapas de jornada do usu\u00e1rio, gr\u00e1ficos Git, diagramas Kanban e muito mais.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/graphviz-playbook\/\">Graphviz<\/a>:<\/strong> Gr\u00e1ficos, diagramas de rede, diagramas hier\u00e1rquicos, organogramas e visualiza\u00e7\u00f5es de relacionamentos.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/d2-playbook\/\">D2<\/a>:<\/strong> Diagramas declarativos modernos para arquitetura, sistemas, fluxos de trabalho e relacionamentos.<\/li>\n<li><strong>Markmap:<\/strong> Mapas mentais interativos gerados a partir de conte\u00fado no estilo Markdown.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/echarts-playbook\/\">ECharts<\/a>:<\/strong> Gr\u00e1ficos e visualiza\u00e7\u00f5es baseados em dados.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/data-and-schemas\/\">Formatos de Dados e Esquemas<\/a>:<\/strong> JSON, YAML, XML, CSV, TOML, DBML e SQL.<\/li>\n<\/ul>\n<p>Essa gama de tecnologias suportadas torna o OpenDocs uma plataforma de documenta\u00e7\u00e3o mais capaz para equipes que precisam criar tanto visuais comerciais tradicionais quanto diagramas t\u00e9cnicos.<\/p>\n<h2>Cria\u00e7\u00e3o de Diagramas Assistida por IA<\/h2>\n<p>Os usu\u00e1rios n\u00e3o precisam memorizar toda a sintaxe de diagramas antes de come\u00e7ar. O VPasCode inclui gera\u00e7\u00e3o de diagramas assistida por IA que pode ajudar a transformar uma solicita\u00e7\u00e3o em linguagem natural em c\u00f3digo de diagrama.<\/p>\n<p>Por exemplo, um usu\u00e1rio poderia solicitar:<\/p>\n<blockquote>\n<p>Crie um diagrama de sequ\u00eancia mostrando um cliente fazendo login por meio de um aplicativo web, um servi\u00e7o de autentica\u00e7\u00e3o e um banco de dados.<\/p>\n<\/blockquote>\n<p>O VPasCode pode usar a solicita\u00e7\u00e3o para gerar c\u00f3digo de diagrama que os usu\u00e1rios podem revisar, ajustar e inserir no OpenDocs. Em seguida, os usu\u00e1rios podem refinar o c\u00f3digo manualmente ou pedir \u00e0 IA para modificar o diagrama de acordo com um novo requisito.<\/p>\n<p id=\"cmmHbdq\"><img alt=\"Uma ilustra\u00e7\u00e3o mostrando como gerar um Diagrama de Sequ\u00eancia UML no VPasCode, usando IA\" class=\"alignnone wp-image-4227 size-full\" decoding=\"async\" height=\"642\" sizes=\"(max-width: 1219px) 100vw, 1219px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8.png 1219w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8-300x158.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8-1024x539.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8-768x404.png 768w\" width=\"1219\"\/><\/p>\n<p>A assist\u00eancia da IA pode ser \u00fatil quando:<\/p>\n<ul>\n<li>Voc\u00ea sabe o que deseja comunicar, mas n\u00e3o conhece a sintaxe necess\u00e1ria.<\/li>\n<li>Voc\u00ea deseja criar um diagrama inicial rapidamente.<\/li>\n<li>Voc\u00ea precisa adicionar ou remover etapas, componentes, relacionamentos ou ramifica\u00e7\u00f5es.<\/li>\n<li>Voc\u00ea deseja simplificar um diagrama complexo.<\/li>\n<li>Voc\u00ea precisa de ajuda para corrigir erros no c\u00f3digo do diagrama.<\/li>\n<li>Voc\u00ea deseja traduzir os r\u00f3tulos do diagrama para uma equipe internacional.<\/li>\n<\/ul>\n<p>Os diagramas gerados por IA permanecem edit\u00e1veis, o que significa que os usu\u00e1rios podem tratar o resultado gerado como um ponto de partida e ajust\u00e1-lo para atender aos requisitos de seu projeto.<\/p>\n<h2>Como Inserir um Diagrama Edit\u00e1vel em uma P\u00e1gina do OpenDocs<\/h2>\n<p>Siga estas etapas para criar e inserir um diagrama em uma p\u00e1gina de documento:<\/p>\n<ol>\n<li>Abra <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">Visual Paradigm OpenDocs<\/a>.<\/li>\n<li>Crie uma nova p\u00e1gina ou abra uma p\u00e1gina existente.<\/li>\n<li>Clique em <strong>Editar<\/strong> no canto superior direito da p\u00e1gina.\n<p id=\"UcRCNdQ\"><img loading=\"lazy\" alt=\"Para editar uma p\u00e1gina OpenDocs\" class=\"alignnone wp-image-4217 size-full\" decoding=\"async\" height=\"124\" loading=\"lazy\" sizes=\"auto, (max-width: 499px) 100vw, 499px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08f85a9fcf.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08f85a9fcf.png 499w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08f85a9fcf-300x75.png 300w\" width=\"499\"\/><\/p>\n<\/li>\n<li>Posicione o cursor de texto onde voc\u00ea deseja que o diagrama apare\u00e7a.\n<p id=\"OlxiXlm\"><img loading=\"lazy\" alt=\"Cursore posicionado dentro de uma p\u00e1gina OpenDocs, pronto para inserir um diagrama ali\" class=\"alignnone wp-image-4218 size-full\" decoding=\"async\" height=\"254\" loading=\"lazy\" sizes=\"auto, (max-width: 603px) 100vw, 603px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fb638f26.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fb638f26.png 603w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fb638f26-300x126.png 300w\" width=\"603\"\/><\/p>\n<\/li>\n<li>Clique no <strong>+<\/strong> bot\u00e3o na barra de ferramentas para abrir o <strong>Criar um Artefato<\/strong> janela.\n<p id=\"BwzynXL\"><img loading=\"lazy\" alt=\"Clicou no bot\u00e3o Inserir no OpenDocs. (Vai inserir um diagrama no OpenDocs)\" class=\"alignnone wp-image-4219 size-full\" decoding=\"async\" height=\"183\" loading=\"lazy\" sizes=\"auto, (max-width: 422px) 100vw, 422px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fc412654.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fc412654.png 422w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fc412654-300x130.png 300w\" width=\"422\"\/><\/p>\n<\/li>\n<li>Selecione <strong>VPasCode<\/strong> no menu \u00e0 esquerda.<\/li>\n<li>Clique em <strong>VPasCode<\/strong> \u00e0 direita para abrir o editor de diagramas.\n<p id=\"VpteBeW\"><img loading=\"lazy\" alt=\"Para criar um diagrama em branco no VPasCode\" class=\"alignnone wp-image-4220 size-full\" decoding=\"async\" height=\"356\" loading=\"lazy\" sizes=\"auto, (max-width: 557px) 100vw, 557px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fda16038.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fda16038.png 557w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fda16038-300x192.png 300w\" width=\"557\"\/><\/p>\n<\/li>\n<li>Escreva ou cole o c\u00f3digo do diagrama no editor \u00e0 esquerda.\n<p id=\"sDzKCEU\"><img loading=\"lazy\" alt=\"Interface de usu\u00e1rio do VPasCode. O lado esquerdo mostra o editor de c\u00f3digo (vazio). O lado direito lista os exemplos de diagrama dispon\u00edveis (clique para carregar).\" class=\"alignnone wp-image-4221 size-full\" decoding=\"async\" height=\"659\" loading=\"lazy\" sizes=\"auto, (max-width: 1316px) 100vw, 1316px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4.png 1316w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4-300x150.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4-1024x513.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4-768x385.png 768w\" width=\"1316\"\/><\/p>\n<\/li>\n<li>Revise a visualiza\u00e7\u00e3o em tempo real e fa\u00e7a as altera\u00e7\u00f5es necess\u00e1rias.\n<p id=\"gCGGUgP\"><img loading=\"lazy\" alt=\"Um diagrama de classe \u00e9 criado no Visual Paradigm VPasCode.\" class=\"alignnone wp-image-4222 size-full\" decoding=\"async\" height=\"790\" loading=\"lazy\" sizes=\"auto, (max-width: 1577px) 100vw, 1577px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4.png 1577w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4-300x150.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4-1024x513.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4-768x385.png 768w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4-1536x769.png 1536w\" width=\"1577\"\/><\/p>\n<\/li>\n<li>Clique em <strong>Salvar<\/strong> no canto superior direito do editor VPasCode.\n<p id=\"EylzoPj\"><img loading=\"lazy\" alt=\"Salvar diagrama no VPasCode.\" class=\"alignnone wp-image-4223 size-full\" decoding=\"async\" height=\"120\" loading=\"lazy\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0908a55169.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0908a55169.png 508w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0908a55169-300x71.png 300w\" width=\"508\"\/><\/p>\n<\/li>\n<li>Clique em <strong>Fechar<\/strong> para retornar \u00e0 p\u00e1gina OpenDocs.<\/li>\n<li>O diagrama ser\u00e1 inserido na posi\u00e7\u00e3o do cursor de texto.\n<p id=\"ygjbylS\"><img loading=\"lazy\" alt=\"Diagrama de classe incorporado de volta no OpenDocs.\" class=\"alignnone wp-image-4224 size-full\" decoding=\"async\" height=\"701\" loading=\"lazy\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63.png 1400w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63-300x150.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63-1024x513.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63-768x385.png 768w\" width=\"1400\"\/><\/p>\n<\/li>\n<\/ol>\n<p>Quando o diagrama for inserido, os usu\u00e1rios podem continuar a escrever ao redor dele, exatamente como fariam com outro conte\u00fado do documento.<\/p>\n<h2>Como Reeditar um Diagrama<\/h2>\n<p>Diagramas inseridos no OpenDocs podem ser editados sempre que forem necess\u00e1rias atualiza\u00e7\u00f5es.<\/p>\n<ol>\n<li>Abra a p\u00e1gina OpenDocs que cont\u00e9m o diagrama.<\/li>\n<li>Clique no \u00edcone de l\u00e1pis no canto superior direito do diagrama.\n<p id=\"pDIlSTi\"><img loading=\"lazy\" alt=\"Para reeditar um Diagrama de Classe incorporado no OpenDocs\" class=\"alignnone wp-image-4225 size-full\" decoding=\"async\" height=\"335\" loading=\"lazy\" sizes=\"auto, (max-width: 566px) 100vw, 566px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090bc379e4.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090bc379e4.png 566w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090bc379e4-300x178.png 300w\" width=\"566\"\/><\/p>\n<\/li>\n<li>Fa\u00e7a altera\u00e7\u00f5es no editor VPasCode.<\/li>\n<li>Use a visualiza\u00e7\u00e3o ao vivo para revisar o resultado.<\/li>\n<li>Clique em <strong>Salvar<\/strong>.<\/li>\n<li>Clique em <strong>Fechar<\/strong> para retornar ao OpenDocs.<\/li>\n<\/ol>\n<p>O diagrama atualizado ser\u00e1 atualizado no documento, permitindo que os usu\u00e1rios mantenham seu conte\u00fado visual sem excluir o diagrama original ou come\u00e7ar do zero.<\/p>\n<h2>Casos de Uso Pr\u00e1ticos<\/h2>\n<h3>Documenta\u00e7\u00e3o de Arquitetura de Software<\/h3>\n<p>Arquitetos de software podem usar as sintaxes PlantUML, Mermaid, D2 ou C4 para descrever componentes de sistema, servi\u00e7os, reposit\u00f3rios de dados e depend\u00eancias externas. O diagrama de arquitetura resultante pode ser inserido diretamente em um documento de design de sistema ou em um registro de decis\u00e3o de arquitetura.<\/p>\n<p>\u00c0 medida que a arquitetura muda, o diagrama pode ser editado no VPasCode e atualizado no OpenDocs. Isso ajuda a manter a documenta\u00e7\u00e3o t\u00e9cnica alinhada com o design que est\u00e1 sendo discutido.<\/p>\n<h3>Documenta\u00e7\u00e3o de API e Integra\u00e7\u00e3o<\/h3>\n<p>Diagramas de sequ\u00eancia s\u00e3o \u00fateis para mostrar como clientes, servi\u00e7os, bancos de dados e sistemas de terceiros interagem. As equipes podem incluir um diagrama de sequ\u00eancia ao lado de descri\u00e7\u00f5es de API, detalhes de autentica\u00e7\u00e3o, fluxos de solicita\u00e7\u00e3o e regras de tratamento de erros.<\/p>\n<p>Por exemplo, um redator t\u00e9cnico pode documentar um processo de pagamento online com uma explica\u00e7\u00e3o escrita, exemplos de API e um diagrama de sequ\u00eancia Mermaid ou PlantUML na mesma p\u00e1gina do OpenDocs.<\/p>\n<h3>Documenta\u00e7\u00e3o de Banco de Dados e Modelo de Dados<\/h3>\n<p>Equipes de banco de dados podem usar diagramas de entidade-relacionamento para explicar tabelas, campos, chaves e relacionamentos. Um modelo de dados visual pode tornar a documenta\u00e7\u00e3o de banco de dados mais f\u00e1cil de entender para desenvolvedores, analistas, testadores e outras partes interessadas.<\/p>\n<p>Quando uma nova tabela ou relacionamento \u00e9 adicionado, o diagrama pode ser editado e reinserido por meio do mesmo fluxo de trabalho do VPasCode.<\/p>\n<h3>Guias de Processo de Neg\u00f3cio e Fluxo de Trabalho<\/h3>\n<p>Analistas de neg\u00f3cios e equipes de opera\u00e7\u00f5es podem usar fluxogramas, diagramas de atividade, mapas de jornada do usu\u00e1rio e diagramas de processo para explicar como o trabalho flui atrav\u00e9s de uma organiza\u00e7\u00e3o.<\/p>\n<p>Incorporar esses visuais em um guia operacional ou procedimento operacional padr\u00e3o pode ajudar os leitores a entender responsabilidades, pontos de decis\u00e3o, caminhos alternativos e etapas de aprova\u00e7\u00e3o.<\/p>\n<h3>Requisitos de Produto e Planejamento de Funcionalidades<\/h3>\n<p>Gerentes de produto podem incluir jornadas do usu\u00e1rio, fluxos de processo, diagramas de estado, mapas mentais e relacionamentos de funcionalidades em documentos de requisitos de produto. Esses ativos visuais podem ajudar as equipes de produto, design, engenharia e garantia de qualidade a desenvolver uma compreens\u00e3o compartilhada da funcionalidade.<\/p>\n<h3>Wikis de Projeto e Bases de Conhecimento<\/h3>\n<p>Uma ferramenta de gerenciamento de conhecimento \u00e9 mais valiosa quando re\u00fane as informa\u00e7\u00f5es que as pessoas precisam para entender e realizar seu trabalho. Adicionar diagramas edit\u00e1veis a uma base de conhecimento do OpenDocs pode tornar wikis de projeto, materiais de integra\u00e7\u00e3o, guias internos e manuais de sistema mais completos.<\/p>\n<p>Em vez de manter diagramas em pastas separadas ou ferramentas de design desconectadas, as equipes podem coloc\u00e1-los ao lado das explica\u00e7\u00f5es, decis\u00f5es, procedimentos e materiais de refer\u00eancia relacionados.<\/p>\n<h3>Mapas Mentais e Organiza\u00e7\u00e3o de Conceitos<\/h3>\n<p>Markmap e outros formatos de mapeamento mental podem ajudar as equipes a organizar requisitos, t\u00f3picos de pesquisa, estruturas de projeto, resultados de reuni\u00f5es e hierarquias de conhecimento. Esses mapas podem ser inseridos em uma p\u00e1gina do OpenDocs para fornecer uma vis\u00e3o visual antes que informa\u00e7\u00f5es mais detalhadas sejam apresentadas.<\/p>\n<h2>Benef\u00edcios para Diferentes Tipos de Usu\u00e1rios<\/h2>\n<ul>\n<li><strong>Desenvolvedores:<\/strong>Criar diagramas com formatos baseados em texto familiares e manter explica\u00e7\u00f5es t\u00e9cnicas pr\u00f3ximas aos visuais do sistema.<\/li>\n<li><strong>Arquitetos de software:<\/strong>Construir diagramas de arquitetura, UML, C4, implanta\u00e7\u00e3o e componentes que podem ser revisados \u00e0 medida que os sistemas evoluem.<\/li>\n<li><strong>Redatores t\u00e9cnicos:<\/strong>Combinar procedimentos, especifica\u00e7\u00f5es, exemplos e diagramas edit\u00e1veis em um \u00fanico espa\u00e7o de trabalho de documenta\u00e7\u00e3o.<\/li>\n<li><strong>Analistas de neg\u00f3cios:<\/strong>Explicar processos de neg\u00f3cios, requisitos, decis\u00f5es e jornadas do usu\u00e1rio com modelos visuais claros.<\/li>\n<li><strong>Gerentes de produto:<\/strong>Adicionar fluxos de trabalho, roadmaps, relacionamentos de funcionalidades e fluxos de usu\u00e1rio \u00e0 documenta\u00e7\u00e3o de produto.<\/li>\n<li><strong>Equipes de projeto:<\/strong> Crie documenta\u00e7\u00e3o compartilhada que comunique tanto os detalhes quanto o panorama geral.<\/li>\n<li><strong>Educadores e instrutores:<\/strong> Use diagramas para tornar o conte\u00fado t\u00e9cnico ou procedural mais f\u00e1cil de entender.<\/li>\n<\/ul>\n<h2>De Documentos Est\u00e1ticos para Documenta\u00e7\u00e3o Viva<\/h2>\n<p>A documenta\u00e7\u00e3o eficaz deve refletir o estado atual de um projeto, produto, processo ou sistema. Quando o conte\u00fado visual \u00e9 armazenado apenas como uma imagem est\u00e1tica, atualiz\u00e1-lo pode ser facilmente postergado. Com o tempo, a imagem pode deixar de representar a realidade.<\/p>\n<p>A integra\u00e7\u00e3o entre OpenDocs e VPasCode suporta uma abordagem mais sustent\u00e1vel. Os diagramas podem ser criados a partir de c\u00f3digo leg\u00edvel, revisados por meio de uma visualiza\u00e7\u00e3o visual, inseridos no documento relevante e editados novamente quando as informa\u00e7\u00f5es subjacentes mudarem.<\/p>\n<p>Isso cria uma base pr\u00e1tica para a documenta\u00e7\u00e3o viva. O diagrama permanece um ativo \u00fatil de trabalho, em vez de uma captura de tela \u00fanica.<\/p>\n<h2>Um Ecossistema Visual Paradigm Mais Conectado<\/h2>\n<p>O Visual Paradigm conecta diferentes produtos e capacidades para ajudar os usu\u00e1rios a se moverem com mais efici\u00eancia de ideias para modelos, diagramas, documenta\u00e7\u00e3o e conhecimento compartilhado.<\/p>\n<p>O VPasCode oferece a experi\u00eancia de diagrama como c\u00f3digo. O OpenDocs oferece a experi\u00eancia de gerenciamento de documentos e conhecimento. Juntos, eles ajudam as equipes a criar conte\u00fado visual e coloc\u00e1-lo diretamente no contexto onde \u00e9 necess\u00e1rio.<\/p>\n<p>Essa conex\u00e3o pode reduzir a troca de ferramentas, simplificar o fluxo de trabalho de documenta\u00e7\u00e3o e ajudar as equipes a aproveitar melhor os diagramas ao longo de todo o ciclo de vida do projeto.<\/p>\n<h2>Comece com OpenDocs e VPasCode<\/h2>\n<p>Com essa melhoria, o Visual Paradigm OpenDocs torna-se um ambiente mais vers\u00e1til para criar documenta\u00e7\u00e3o estruturada, visual e colaborativa. Os usu\u00e1rios podem criar diagramas com PlantUML, Mermaid, Graphviz, D2, Markmap, ECharts e outros formatos suportados, inseri-los em p\u00e1ginas e edit\u00e1-los novamente sempre que os requisitos mudarem.<\/p>\n<p>Se voc\u00ea est\u00e1 procurando um gerador de diagramas online, uma plataforma de diagrama como c\u00f3digo, uma ferramenta de documenta\u00e7\u00e3o t\u00e9cnica ou uma ferramenta de gerenciamento de conhecimento com capacidades de modelagem visual integradas, esse novo fluxo de trabalho oferece uma maneira conveniente de unir diagramas e documentos.<\/p>\n<p><a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">Inicie o Visual Paradigm OpenDocs<\/a> e comece a criar documenta\u00e7\u00e3o mais rica e \u00fatil com diagramas edit\u00e1veis alimentados pelo VPasCode.<\/p>\n<h2>Perguntas Frequentes<\/h2>\n<h3>O que \u00e9 a nova melhoria do OpenDocs?<\/h3>\n<p>O OpenDocs agora permite que os usu\u00e1rios criem e insiram diagramas edit\u00e1veis nas p\u00e1ginas de documentos por meio de sua integra\u00e7\u00e3o com o Visual Paradigm VPasCode.<\/p>\n<h3>Posso editar um diagrama ap\u00f3s inseri-lo no OpenDocs?<\/h3>\n<p>Sim. Clique no \u00edcone de l\u00e1pis no diagrama inserido para reabri-lo no editor do VPasCode. Ap\u00f3s modificar o c\u00f3digo do diagrama, clique em Salvar e Fechar para atualizar o diagrama na p\u00e1gina do OpenDocs.<\/p>\n<h3>Quais formatos de diagrama s\u00e3o suportados?<\/h3>\n<p>O VPasCode suporta formatos e tecnologias, incluindo PlantUML, Mermaid, Graphviz, D2, Markmap, ECharts, JSON, YAML, XML, CSV, TOML, DBML e SQL. Os tipos de diagrama suportados incluem fluxogramas, diagramas de sequ\u00eancia, diagramas de classe, diagramas de estado, diagramas ER, diagramas C4, mapas mentais, diagramas de arquitetura, gr\u00e1ficos de Gantt e muito mais.<\/p>\n<h3>Preciso saber c\u00f3digo de diagrama para usar o recurso?<\/h3>\n<p>N\u00e3o. Voc\u00ea pode carregar um exemplo do editor do VPasCode ou da Galeria de Exemplos. Voc\u00ea tamb\u00e9m pode usar o recurso Criar com IA para descrever o diagrama que deseja em linguagem natural e deixar a IA gerar um script inicial de diagrama.<\/p>\n<h3>Onde posso acessar o OpenDocs?<\/h3>\n<p>Voc\u00ea pode acessar o Visual Paradigm OpenDocs em <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/<\/a>.<\/p>\n<h3>Onde posso aprender mais sobre o VPasCode?<\/h3>\n<p>Visite o <a href=\"https:\/\/www.visual-paradigm.com\/features\/vpascode\/\">P\u00e1gina de recursos do VPasCode<\/a> para saber mais sobre a plataforma de diagramas como c\u00f3digo, formatos suportados, renderiza\u00e7\u00e3o em tempo real, assist\u00eancia de IA e capacidades relacionadas.<\/p>\n","protected":false},"featured_media":2877,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Visual Paradigm OpenDocs Agora Suporta Diagramas Edit\u00e1veis com VPasCode","_yoast_wpseo_metadesc":"Crie, insira e edite diagramas PlantUML, Mermaid, Markmap e outros diretamente no Visual Paradigm OpenDocs com o gerador de diagramas online integrado VPasCode.","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"product":[2,3],"product-area":[41,50],"version":[51],"release-type":[16],"class_list":["post-2876","releases","type-releases","status-publish","has-post-thumbnail","hentry","product-visual-paradigm","product-visual-paradigm-online","product-area-knowledge-management","product-area-vpascode","version-18-1","release-type-new-feature"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Visual Paradigm OpenDocs Agora Suporta Diagramas Edit\u00e1veis com VPasCode<\/title>\n<meta name=\"description\" content=\"Crie, insira e edite diagramas PlantUML, Mermaid, Markmap e outros diretamente no Visual Paradigm OpenDocs com o gerador de diagramas online integrado VPasCode.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visual Paradigm OpenDocs Agora Suporta Diagramas Edit\u00e1veis com VPasCode\" \/>\n<meta property=\"og:description\" content=\"Crie, insira e edite diagramas PlantUML, Mermaid, Markmap e outros diretamente no Visual Paradigm OpenDocs com o gerador de diagramas online integrado VPasCode.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates Portuguese\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-21T02:15:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/\",\"name\":\"Visual Paradigm OpenDocs Agora Suporta Diagramas Edit\u00e1veis com VPasCode\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg\",\"datePublished\":\"2026-09-21T02:15:10+00:00\",\"dateModified\":\"2026-09-21T02:15:29+00:00\",\"description\":\"Crie, insira e edite diagramas PlantUML, Mermaid, Markmap e outros diretamente no Visual Paradigm OpenDocs com o gerador de diagramas online integrado VPasCode.\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Torne os diagramas edit\u00e1veis no Visual Paradigm OpenDocs com VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pt\/\",\"name\":\"Visual Paradigm Product Updates Portuguese\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#organization\",\"name\":\"Visual Paradigm Product Updates Portuguese\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates Portuguese\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Visual Paradigm OpenDocs Agora Suporta Diagramas Edit\u00e1veis com VPasCode","description":"Crie, insira e edite diagramas PlantUML, Mermaid, Markmap e outros diretamente no Visual Paradigm OpenDocs com o gerador de diagramas online integrado VPasCode.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/","og_locale":"pt_PT","og_type":"article","og_title":"Visual Paradigm OpenDocs Agora Suporta Diagramas Edit\u00e1veis com VPasCode","og_description":"Crie, insira e edite diagramas PlantUML, Mermaid, Markmap e outros diretamente no Visual Paradigm OpenDocs com o gerador de diagramas online integrado VPasCode.","og_url":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/","og_site_name":"Visual Paradigm Product Updates Portuguese","article_modified_time":"2026-09-21T02:15:29+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"14 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/","url":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/","name":"Visual Paradigm OpenDocs Agora Suporta Diagramas Edit\u00e1veis com VPasCode","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg","datePublished":"2026-09-21T02:15:10+00:00","dateModified":"2026-09-21T02:15:29+00:00","description":"Crie, insira e edite diagramas PlantUML, Mermaid, Markmap e outros diretamente no Visual Paradigm OpenDocs com o gerador de diagramas online integrado VPasCode.","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg","contentUrl":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-editable-diagrams-vpascode-integration\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Torne os diagramas edit\u00e1veis no Visual Paradigm OpenDocs com VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/pt\/#website","url":"https:\/\/updates.visual-paradigm.com\/pt\/","name":"Visual Paradigm Product Updates Portuguese","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/pt\/#organization","name":"Visual Paradigm Product Updates Portuguese","url":"https:\/\/updates.visual-paradigm.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/updates.visual-paradigm.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates Portuguese"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/releases\/2876","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/releases\/2876\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media\/2877"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media?parent=2876"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/product?post=2876"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/product-area?post=2876"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/version?post=2876"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/release-type?post=2876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}