{"id":2883,"date":"2026-09-28T14:51:20","date_gmt":"2026-09-28T06:51:20","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/es\/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\/es\/releases\/ai-diagram-generation-from-image-vpascode\/","title":{"rendered":"Convierte im\u00e1genes de diagramas en c\u00f3digo editable con VPasCode AI"},"content":{"rendered":"

\"Imagen<\/p>\n

Los diagramas suelen ser la forma m\u00e1s r\u00e1pida de explicar un sistema, flujo de trabajo, arquitectura o proceso empresarial. Sin embargo, recrear un diagrama existente en una herramienta de diagramaci\u00f3n puede tomar considerable tiempo, especialmente cuando el diagrama original solo est\u00e1 disponible como una imagen.<\/p>\n

Visual Paradigm ha mejorado VPasCode<\/a> con Generaci\u00f3n de diagramas con IA<\/strong>. Ahora puedes subir una imagen de un diagrama junto con una instrucci\u00f3n de texto y dejar que la IA genere c\u00f3digo de diagrama editable basado en la referencia visual.<\/p>\n

La imagen podr\u00eda ser un diagrama creado en otra aplicaci\u00f3n, una captura de pantalla de un documento o sitio web, un diagrama de un libro o incluso un boceto dibujado a mano. En lugar de reconstruir manualmente cada forma, etiqueta y relaci\u00f3n, puedes usar VPasCode para crear un punto de partida en formato diagrama como c\u00f3digo y continuar edit\u00e1ndolo en el navegador.<\/p>\n

Prueba la Generaci\u00f3n de diagramas con IA en VPasCode<\/a><\/p>\n

\"Infograf\u00eda<\/p>\n

\u00bfQu\u00e9 es la Generaci\u00f3n de diagramas con IA en VPasCode?<\/h2>\n

VPasCode es una plataforma en l\u00ednea de diagramas como c\u00f3digo que convierte lenguajes de diagramas basados en texto y datos estructurados en diagramas visuales. Soporta formatos populares como PlantUML, Mermaid, Graphviz, Markmap, ECharts, JSON, YAML, XML, CSV, DBML, SQL y m\u00e1s.<\/p>\n

Antes de esta mejora, la Generaci\u00f3n de diagramas con IA<\/a>funcionaba principalmente a partir de instrucciones de texto. Por ejemplo, podr\u00edas ingresar una indicaci\u00f3n como:<\/p>\n

\n

Genera un diagrama de casos de uso en PlantUML para un sistema de seguros.<\/p>\n<\/blockquote>\n

VPasCode generar\u00eda entonces c\u00f3digo de diagrama a partir de tu descripci\u00f3n. Con la entrada de imagen ahora disponible, puedes proporcionar tanto una referencia visual como una instrucci\u00f3n en lenguaje natural. Esto facilita recrear la estructura de un diagrama existente, convertir un concepto visual en c\u00f3digo editable o usar una imagen como punto de partida para un nuevo diagrama.<\/p>\n

Por ejemplo, puedes subir un diagrama de secuencia e ingresar:<\/p>\n

\n

Genera un Diagrama de Secuencia en PlantUML basado en la imagen proporcionada.<\/p>\n<\/blockquote>\n

VPasCode analiza la imagen subida, interpreta la estructura del diagrama y genera c\u00f3digo que se renderiza en el editor. Luego puedes revisar el resultado, ajustar el c\u00f3digo y refinar el diagrama para que coincida con tus requisitos.<\/p>\n

C\u00f3mo generar c\u00f3digo de diagrama a partir de una imagen<\/h2>\n

Crear un diagrama generado por IA a partir de una imagen solo requiere unos pocos pasos.<\/p>\n

    \n
  1. Abre Generaci\u00f3n con IA.<\/strong> En VPasCode, haz clic en Generar con IA<\/strong> en la parte superior de la aplicaci\u00f3n. Aparecer\u00e1 el cuadro de di\u00e1logo de Generaci\u00f3n con IA.\n

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

  2. Sube tu imagen de diagrama.<\/strong> Haz clic en Subir imagen<\/strong> en la parte inferior del di\u00e1logo y elige una imagen de tu computadora. Tambi\u00e9n puedes copiar una imagen a tu portapapeles y presionar Ctrl-V<\/strong> para pegarlo directamente en el di\u00e1logo.\n

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

  3. Ingrese una instrucci\u00f3n.<\/strong> Describa lo que desea que VPasCode genere y especifique el lenguaje o formato de diagrama deseado. Por ejemplo: Genere un Diagrama de Secuencia en PlantUML basado en la imagen proporcionada.
    \n<\/em><\/em><\/p>\n

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

  4. Haga clic en Generar con IA.<\/strong> VPasCode procesa la imagen y la instrucci\u00f3n, luego genera el c\u00f3digo del diagrama.\n

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

  5. Revise y edite el resultado.<\/strong> El c\u00f3digo generado aparece en el lado izquierdo del editor de VPasCode, mientras que el diagrama renderizado aparece en el derecho. Puede editar el c\u00f3digo y ver c\u00f3mo el resultado visual se actualiza en tiempo real.\n

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

    Este flujo de trabajo le ofrece la velocidad de la generaci\u00f3n de diagramas con IA, manteniendo la flexibilidad del enfoque de diagrama como c\u00f3digo. El resultado generado no es una imagen est\u00e1tica que solo puede ver; se convierte en c\u00f3digo editable que puede refinar, ampliar, compartir y reutilizar.<\/p>\n

    \u00bfQu\u00e9 im\u00e1genes puede utilizar?<\/h2>\n

    La funci\u00f3n de entrada de imagen es \u00fatil siempre que su diagrama exista visualmente pero no en un formato de diagrama editable. Las fuentes posibles incluyen:<\/p>\n