{"id":2887,"date":"2026-09-21T10:15:10","date_gmt":"2026-09-21T02:15:10","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/es\/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\/es\/releases\/opendocs-editable-diagrams-vpascode-integration\/","title":{"rendered":"Incorpore diagramas editables en Visual Paradigm OpenDocs con VPasCode"},"content":{"rendered":"

Visual Paradigm tiene el placer de anunciar una mejora importante para Visual Paradigm OpenDocs<\/a>: los usuarios ahora pueden crear e insertar diagramas editables directamente en las p\u00e1ginas de documentos mediante la integraci\u00f3n con Visual Paradigm VPasCode<\/a>.<\/p>\n

Esta nueva capacidad conecta la documentaci\u00f3n y la creaci\u00f3n de diagramas en un flujo de trabajo optimizado. En lugar de crear un diagrama en una aplicaci\u00f3n separada, exportarlo como una imagen y colocar manualmente esa imagen en un documento, los usuarios ahora pueden crear un diagrama con diagramas como c\u00f3digo, insertarlo en OpenDocs y volver a abrirlo para editarlo cuando sea necesario.<\/p>\n

El resultado es una herramienta de gesti\u00f3n del conocimiento m\u00e1s flexible para equipos de software, redactores t\u00e9cnicos, arquitectos, analistas de negocio, gerentes de producto y cualquier persona que necesite explicar ideas complejas de forma visual.<\/p>\n

Abra Visual Paradigm OpenDocs<\/a> y comience a crear documentaci\u00f3n con diagramas editables hoy mismo.<\/p>\n

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

\u00bfQu\u00e9 hay de nuevo en Visual Paradigm OpenDocs?<\/h2>\n

OpenDocs ahora permite a los usuarios insertar diagramas en una p\u00e1gina mediante la integraci\u00f3n con VPasCode. El diagrama se agrega en la posici\u00f3n del cursor de texto y puede volver a editarse despu\u00e9s de la inserci\u00f3n.<\/p>\n

Esto significa que los diagramas ya no se limitan a im\u00e1genes est\u00e1ticas agregadas despu\u00e9s de que el proceso de escritura haya finalizado. Pueden convertirse en partes activas y editables de un documento que apoyan la explicaci\u00f3n, la colaboraci\u00f3n, la planificaci\u00f3n, el an\u00e1lisis y el intercambio de conocimientos.<\/p>\n

Ya sea que est\u00e9 preparando una especificaci\u00f3n de requisitos de software, creando una wiki interna de proyecto, documentando una arquitectura de sistema, publicando una gu\u00eda de procesos o construyendo una base de conocimientos de producto, ahora puede combinar contenido escrito y modelos visuales en el mismo documento.<\/p>\n

Por qu\u00e9 esta mejora es importante<\/h2>\n

Los documentos suelen ser m\u00e1s \u00fatiles cuando combinan explicaciones claras con diagramas. Las descripciones escritas proporcionan contexto y detalle, mientras que los diagramas ayudan a los lectores a comprender relaciones, secuencias, dependencias, estructuras y flujos de trabajo de un vistazo.<\/p>\n

Sin embargo, crear y mantener diagramas en la documentaci\u00f3n puede ser inconveniente. Un flujo de trabajo com\u00fan implica usar una herramienta para crear el diagrama, exportar el resultado como un archivo PNG o SVG, subir la imagen a un documento y repetir el proceso cada vez que el diagrama cambie. Esto puede generar trabajo innecesario y puede dar lugar a visuales desactualizados, archivos duplicados o confusi\u00f3n sobre qu\u00e9 versi\u00f3n es la m\u00e1s reciente.<\/p>\n

La integraci\u00f3n entre OpenDocs y VPasCode reduce esta fricci\u00f3n al acercar la creaci\u00f3n de diagramas al flujo de trabajo de documentaci\u00f3n. Los usuarios pueden crear un diagrama donde sea necesario, insertarlo en la p\u00e1gina y volver al editor de diagramas m\u00e1s tarde para realizar revisiones.<\/p>\n

Mantenga las explicaciones visuales cerca del contenido relevante<\/h3>\n

Un diagrama es m\u00e1s efectivo cuando aparece junto a la explicaci\u00f3n que respalda. Con la nueva capacidad de OpenDocs, los usuarios pueden colocar un diagrama de flujo debajo de una descripci\u00f3n de proceso, agregar un diagrama de secuencia junto a una explicaci\u00f3n de API o incluir un diagrama de arquitectura de sistema dentro de una especificaci\u00f3n t\u00e9cnica.<\/p>\n

Esto hace que los documentos sean m\u00e1s f\u00e1ciles de leer y ayuda a los usuarios a comprender la relaci\u00f3n entre la informaci\u00f3n escrita y la informaci\u00f3n visual sin cambiar entre m\u00faltiples aplicaciones.<\/p>\n

Reduzca el trabajo manual de exportaci\u00f3n y carga<\/h3>\n

VPasCode crea diagramas a partir de lenguajes de diagramas basados en texto y los renderiza visualmente en el navegador. Con la integraci\u00f3n de OpenDocs, los usuarios pueden insertar el resultado directamente en una p\u00e1gina en lugar de descargar manualmente una imagen y subirla a un documento.<\/p>\n

Reducir estos pasos repetitivos puede ayudar a los equipos a ahorrar tiempo y mantener un proceso de documentaci\u00f3n m\u00e1s limpio, especialmente cuando los diagramas se actualizan con frecuencia durante el desarrollo o la planificaci\u00f3n del proyecto.<\/p>\n

Haga que los diagramas sean editables despu\u00e9s de la inserci\u00f3n<\/h3>\n

Los requisitos cambian. Los sistemas evolucionan. Los procesos de negocio se revisan. Un diagrama que describe con precisi\u00f3n un proyecto hoy puede necesitar actualizarse ma\u00f1ana.<\/p>\n

Como los diagramas insertados a trav\u00e9s de VPasCode siguen siendo editables, los usuarios pueden volver a abrir el editor de diagramas desde OpenDocs, modificar el c\u00f3digo del diagrama, guardar los cambios y actualizar el diagrama en el documento. Esto facilita el refinamiento del contenido visual a medida que las ideas y los proyectos evolucionan.<\/p>\n

Admite m\u00e1s de un estilo de diagramaci\u00f3n<\/h3>\n

Diferentes proyectos requieren diferentes tipos de comunicaci\u00f3n visual. Un arquitecto de software puede necesitar un modelo C4 o un diagrama de implementaci\u00f3n. Un analista de negocio puede necesitar un diagrama de flujo de proceso o un mapa del viaje del usuario. Un gerente de proyecto puede necesitar un diagrama de Gantt o una hoja de ruta. Un redactor t\u00e9cnico puede necesitar un mapa mental, un diagrama de secuencia o un diagrama de entidad-relaci\u00f3n.<\/p>\n

VPasCode admite una amplia gama de formatos de diagramas y tecnolog\u00edas de visualizaci\u00f3n, incluidos PlantUML, Mermaid, Graphviz, D2, Markmap y ECharts. Tambi\u00e9n admite datos estructurados y otros formatos basados en c\u00f3digo que pueden utilizarse para crear representaciones visuales.<\/p>\n

\u00bfQu\u00e9 es Visual Paradigm VPasCode?<\/h2>\n

Visual Paradigm VPasCode<\/a> es una plataforma en l\u00ednea de diagramas como c\u00f3digo que permite a los usuarios crear diagramas escribiendo descripciones basadas en texto. Combina un editor de c\u00f3digo con una vista previa visual en tiempo real, permitiendo a los usuarios ver el diagrama mientras escriben o modifican el c\u00f3digo.<\/p>\n

En lugar de dibujar manualmente cada forma y conector, los usuarios describen la estructura de un diagrama utilizando una sintaxis compatible. VPasCode luego renderiza el resultado como un diagrama visual.<\/p>\n

Este enfoque es particularmente \u00fatil para desarrolladores, arquitectos de software, equipos t\u00e9cnicos y otros usuarios que buscan una forma r\u00e1pida y repetible de crear diagramas. Tambi\u00e9n es \u00fatil para equipos que prefieren diagramas que pueden ser revisados y refinados como texto.<\/p>\n

VPasCode incluye ejemplos para diferentes tipos y formatos de diagramas, lo que facilita que los nuevos usuarios comiencen. Los usuarios tambi\u00e9n pueden usar IA para generar c\u00f3digo de diagramas<\/a> a partir de una descripci\u00f3n en lenguaje natural.<\/p>\n

\"Generar<\/p>\n

Formatos de diagramas y visualizaciones compatibles<\/h2>\n

A trav\u00e9s de VPasCode, los usuarios de OpenDocs pueden crear e insertar muchos tipos diferentes de diagramas y visualizaciones. Los formatos compatibles incluyen:<\/p>\n