{"id":2872,"date":"2026-09-28T14:51:20","date_gmt":"2026-09-28T06:51:20","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/ai-diagram-generation-from-image-vpascode\/"},"modified":"2026-09-28T14:51:20","modified_gmt":"2026-09-28T06:51:20","slug":"ai-diagram-generation-from-image-vpascode","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/ai-diagram-generation-from-image-vpascode\/","title":{"rendered":"Transforme Imagens de Diagramas em C\u00f3digo Edit\u00e1vel com a IA VPasCode"},"content":{"rendered":"

\"Imagem<\/p>\n

Diagramas s\u00e3o frequentemente a maneira mais r\u00e1pida de explicar um sistema, fluxo de trabalho, arquitetura ou processo de neg\u00f3cios. No entanto, recriar um diagrama existente em uma ferramenta de diagrama\u00e7\u00e3o pode levar bastante tempo\u2014especialmente quando o diagrama original est\u00e1 dispon\u00edvel apenas como uma imagem.<\/p>\n

O Visual Paradigm aprimorou VPasCode<\/a> com Gera\u00e7\u00e3o de Diagramas por IA<\/strong>. Agora voc\u00ea pode fazer upload de uma imagem de diagrama juntamente com uma instru\u00e7\u00e3o em texto e permitir que a IA gere c\u00f3digo de diagrama edit\u00e1vel com base na refer\u00eancia visual.<\/p>\n

A imagem pode ser um diagrama criado em outro aplicativo, uma captura de tela de um documento ou site, um diagrama de um livro ou at\u00e9 mesmo um esbo\u00e7o feito \u00e0 m\u00e3o. Em vez de reconstruir manualmente cada forma, r\u00f3tulo e rela\u00e7\u00e3o, voc\u00ea pode usar o VPasCode para criar um ponto de partida no formato diagrama como c\u00f3digo e continuar editando-o no navegador.<\/p>\n

Experimente a Gera\u00e7\u00e3o de Diagramas por IA no VPasCode<\/a><\/p>\n

\"Infogr\u00e1fico<\/p>\n

O que \u00e9 a Gera\u00e7\u00e3o de Diagramas por IA no VPasCode?<\/h2>\n

O VPasCode \u00e9 uma plataforma online de diagrama como c\u00f3digo que converte linguagens de diagramas baseadas em texto e dados estruturados em diagramas visuais. Ele suporta formatos populares como PlantUML, Mermaid, Graphviz, Markmap, ECharts, JSON, YAML, XML, CSV, DBML, SQL e muito mais.<\/p>\n

Antes deste aprimoramento, o Gera\u00e7\u00e3o de Diagramas por IA<\/a>funcionava principalmente a partir de instru\u00e7\u00f5es em texto. Por exemplo, voc\u00ea poderia inserir um comando como:<\/p>\n

\n

Gerar um diagrama de casos de uso em PlantUML para um sistema de seguros.<\/p>\n<\/blockquote>\n

O VPasCode ent\u00e3o geraria o c\u00f3digo do diagrama a partir da sua descri\u00e7\u00e3o. Com a entrada de imagem agora dispon\u00edvel, voc\u00ea pode fornecer tanto uma refer\u00eancia visual quanto uma instru\u00e7\u00e3o em linguagem natural. Isso facilita a recria\u00e7\u00e3o da estrutura de um diagrama existente, a convers\u00e3o de um conceito visual em c\u00f3digo edit\u00e1vel ou o uso de uma imagem como ponto de partida para um novo diagrama.<\/p>\n

Por exemplo, voc\u00ea pode fazer upload de um diagrama de sequ\u00eancia e inserir:<\/p>\n

\n

Gerar um Diagrama de Sequ\u00eancia em PlantUML com base na imagem fornecida.<\/p>\n<\/blockquote>\n

O VPasCode analisa a imagem enviada, interpreta a estrutura do diagrama e gera c\u00f3digo que \u00e9 renderizado no editor. Voc\u00ea pode ent\u00e3o revisar o resultado, ajustar o c\u00f3digo e refinar o diagrama para atender aos seus requisitos.<\/p>\n

Como Gerar C\u00f3digo de Diagrama a partir de uma Imagem<\/h2>\n

Criar um diagrama gerado por IA a partir de uma imagem leva apenas alguns passos.<\/p>\n

    \n
  1. Abra a Gera\u00e7\u00e3o por IA.<\/strong> No VPasCode, clique em Gerar por IA<\/strong>na parte superior do aplicativo. A caixa de di\u00e1logo de Gera\u00e7\u00e3o por IA aparecer\u00e1.\n

    \"\"<\/p>\n<\/li>\n

  2. Fa\u00e7a upload da sua imagem de diagrama.<\/strong> Clique em Enviar Imagem<\/strong>na parte inferior da caixa de di\u00e1logo e escolha uma imagem do seu computador. Voc\u00ea tamb\u00e9m pode copiar uma imagem para a \u00e1rea de transfer\u00eancia e pressionar Ctrl-V<\/strong> para col\u00e1-lo diretamente na caixa de di\u00e1logo.\n

    \"Carregue<\/p>\n<\/li>\n

  3. Insira uma instru\u00e7\u00e3o.<\/strong> Descreva o que deseja que o VPasCode gere e especifique a linguagem ou o formato de diagrama desejado. Por exemplo: Gerar um Diagrama de Sequ\u00eancia em PlantUML com base na imagem fornecida.
    \n<\/em><\/em><\/p>\n

    \"Inseriu<\/p>\n<\/li>\n

  4. Clique em Gerar com IA.<\/strong> O VPasCode processa a imagem e a instru\u00e7\u00e3o e, em seguida, gera o c\u00f3digo do diagrama.\n

    \"Gerar<\/p>\n<\/li>\n

  5. Revise e edite o resultado.<\/strong> O c\u00f3digo gerado aparece no lado esquerdo do editor VPasCode, enquanto o diagrama renderizado aparece no lado direito. Voc\u00ea pode editar o c\u00f3digo e ver o resultado visual atualizado em tempo real.\n

    \"Um<\/p>\n<\/li>\n<\/ol>\n

    Este fluxo de trabalho oferece a velocidade da gera\u00e7\u00e3o de diagramas por IA, preservando a flexibilidade do diagrama como c\u00f3digo. O resultado gerado n\u00e3o \u00e9 uma imagem est\u00e1tica que voc\u00ea s\u00f3 pode visualizar. Ele se torna c\u00f3digo edit\u00e1vel que voc\u00ea pode refinar, estender, compartilhar e reutilizar.<\/p>\n

    Quais imagens voc\u00ea pode usar?<\/h2>\n

    O recurso de entrada de imagem \u00e9 \u00fatil sempre que seu diagrama existe visualmente, mas n\u00e3o em um formato de diagrama edit\u00e1vel. As fontes poss\u00edveis incluem:<\/p>\n