{"id":10008,"date":"2026-09-07T10:50:23","date_gmt":"2026-09-07T02:50:23","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/es\/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\/es\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","title":{"rendered":"Desde el Prompt hasta la Publicaci\u00f3n: Dominar el Modelado UML impulsado por IA utilizando Diagramas como C\u00f3digo con 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\">Introducci\u00f3n<\/h2>\n<p data-nodeid=\"1070\">En el desarrollo de software moderno, la documentaci\u00f3n a menudo se convierte en el cuello de botella. Las herramientas de diagramaci\u00f3n tradicionales requieren esfuerzos manuales de arrastrar y soltar, lo que da lugar a im\u00e1genes est\u00e1ticas que r\u00e1pidamente se vuelven obsoletas a medida que evolucionan los sistemas. Mientras tanto, los equipos de ingenier\u00eda prefieren cada vez m\u00e1s flujos de trabajo centrados en el c\u00f3digo, donde todo, desde la infraestructura hasta la l\u00f3gica de la aplicaci\u00f3n, est\u00e1 controlado por versiones y es reproducible.<\/p>\n<p data-nodeid=\"1071\">Visual Paradigm cierra esta brecha combinando tres capacidades poderosas:<strong data-nodeid=\"1190\">Generaci\u00f3n de diagramas asistida por IA<\/strong>,\u00a0<strong data-nodeid=\"1191\">VPasCode (Diagramas como C\u00f3digo)<\/strong>, y<strong data-nodeid=\"1192\">OpenDocs (Documentaci\u00f3n Viva)<\/strong>. Este ecosistema integrado permite a los equipos generar diagramas de arquitectura a partir de indicaciones en lenguaje natural, refinarlos utilizando sintaxis basada en texto como PlantUML y publicarlos como documentaci\u00f3n viva y siempre actualizada.<\/p>\n<p data-nodeid=\"1072\">Esta gu\u00eda explora c\u00f3mo aprovechar este flujo de trabajo para eliminar la fricci\u00f3n de la exportaci\u00f3n manual, mantener la documentaci\u00f3n sincronizada con el c\u00f3digo y empoderar a las partes interesadas t\u00e9cnicas y no t\u00e9cnicas con visualizaciones claras y accesibles.<\/p>\n<hr data-nodeid=\"1073\"\/>\n<h2 data-nodeid=\"1074\">Conceptos Clave<\/h2>\n<h3 data-nodeid=\"1075\">1. Generaci\u00f3n de diagramas asistida por IA<\/h3>\n<p data-nodeid=\"1076\">Los chatbots de IA integrados de Visual Paradigm transforman descripciones en lenguaje natural en diagramas UML o de arquitectura estructurados. Esto elimina la sobrecarga inicial del dise\u00f1o manual y permite la prototipaci\u00f3n r\u00e1pida de dise\u00f1os de sistemas.<\/p>\n<p data-nodeid=\"1077\"><strong data-nodeid=\"1202\">Caso de uso de ejemplo:<\/strong><\/p>\n<blockquote data-nodeid=\"1078\">\n<p data-nodeid=\"1079\"><em data-nodeid=\"1208\">&#8220;Cree un diagrama de secuencia que muestre a un usuario iniciando sesi\u00f3n, donde el frontend env\u00eda credenciales a un servicio de autenticaci\u00f3n, que las valida contra una base de datos y devuelve un token JWT.&#8221;<\/em><\/p>\n<\/blockquote>\n<p data-nodeid=\"1080\">La IA genera instant\u00e1neamente el c\u00f3digo PlantUML correspondiente, que luego puede ser refinado a\u00fan m\u00e1s.<\/p>\n<h3 data-nodeid=\"1081\">2. VPasCode: Plataforma de Diagramas como C\u00f3digo<\/h3>\n<p data-nodeid=\"1082\">VPasCode es un editor basado en navegador que combina un editor de texto en vivo con renderizado visual en tiempo real. Soporta m\u00faltiples sintaxis de texto a diagrama, incluyendo:<\/p>\n<ul data-nodeid=\"1083\">\n<li data-nodeid=\"1084\">\n<p data-nodeid=\"1085\"><strong data-nodeid=\"1216\">PlantUML<\/strong> (el m\u00e1s com\u00fan para UML)<\/p>\n<\/li>\n<li data-nodeid=\"1086\">\n<p data-nodeid=\"1087\"><strong data-nodeid=\"1221\">Mermaid<\/strong> (excelente para diagramas de flujo y diagramas simples)<\/p>\n<\/li>\n<li data-nodeid=\"1088\">\n<p data-nodeid=\"1089\"><strong data-nodeid=\"1226\">Graphviz<\/strong> (ideal para estructuras de grafos complejas)<\/p>\n<\/li>\n<li data-nodeid=\"1090\">\n<p data-nodeid=\"1091\"><strong data-nodeid=\"1231\">D2<\/strong> (diagramaci\u00f3n declarativa)<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"1092\">Dado que los diagramas se representan como scripts de texto, se integran sin problemas en repositorios de Git junto con el c\u00f3digo fuente de la aplicaci\u00f3n, lo que permite el control de versiones, revisiones de c\u00f3digo y edici\u00f3n colaborativa.<\/p>\n<h3 data-nodeid=\"1093\">3. OpenDocs: Documentaci\u00f3n Viva<\/h3>\n<p data-nodeid=\"1094\">OpenDocs reemplaza las cargas de im\u00e1genes est\u00e1ticas con componentes vivos y conectados. Cuando env\u00eda actualizaciones al c\u00f3digo de sus diagramas en VPasCode, esos cambios se reflejan autom\u00e1ticamente en sus p\u00e1ginas de OpenDocs. Esto garantiza que la documentaci\u00f3n permanezca perpetuamente sincronizada con la arquitectura real del sistema.<\/p>\n<h3 data-nodeid=\"1095\">4. El Pipeline de OpenDocs<\/h3>\n<p data-nodeid=\"1096\">El pipeline conecta la autor\u00eda de c\u00f3digo y la publicaci\u00f3n:<\/p>\n<ol data-nodeid=\"1097\">\n<li data-nodeid=\"1098\">\n<p data-nodeid=\"1099\"><strong data-nodeid=\"1241\">Generar<\/strong>: Utilice IA para crear la l\u00f3gica inicial del diagrama.<\/p>\n<\/li>\n<li data-nodeid=\"1100\">\n<p data-nodeid=\"1101\"><strong data-nodeid=\"1246\">Autor<\/strong>: Refine la sintaxis, los estilos o la estructura en VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1102\">\n<p data-nodeid=\"1103\"><strong data-nodeid=\"1251\">Publicar<\/strong>: Env\u00ede las actualizaciones directamente a OpenDocs sin exportaci\u00f3n 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\">Ejemplos pr\u00e1cticos usando PlantUML<\/h2>\n<p data-nodeid=\"1106\">A continuaci\u00f3n se presentan ejemplos pr\u00e1cticos que demuestran c\u00f3mo crear diagramas comunes utilizando PlantUML dentro del ecosistema de Visual Paradigm.<\/p>\n<h3 data-nodeid=\"1107\">Ejemplo 1: Diagrama de clases para un sistema de comercio electr\u00f3nico<\/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 en 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 en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"1109\"><strong data-nodeid=\"1258\">Flujo de trabajo:<\/strong><\/p>\n<ol data-nodeid=\"1110\">\n<li data-nodeid=\"1111\">\n<p data-nodeid=\"1112\">Pregunte al asistente de IA:<em data-nodeid=\"1265\">\u201cCree un diagrama de clases para un sistema de comercio electr\u00f3nico con las clases Customer, Order, Product y Payment.\u201d<\/em><\/p>\n<\/li>\n<li data-nodeid=\"1113\">\n<p data-nodeid=\"1114\">Revise y refine el c\u00f3digo PlantUML generado en VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1115\">\n<p data-nodeid=\"1116\">Publique en OpenDocs para la revisi\u00f3n de las partes interesadas.<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"1117\"\/>\n<h3 data-nodeid=\"1118\">Ejemplo 2: Diagrama de secuencia para la autenticaci\u00f3n de usuarios<\/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 en 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 en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"1120\"><strong data-nodeid=\"1272\">Flujo de trabajo:<\/strong><\/p>\n<ol data-nodeid=\"1121\">\n<li data-nodeid=\"1122\">\n<p data-nodeid=\"1123\">Solicite a la IA:<em data-nodeid=\"1279\">\u201cMu\u00e9streme un diagrama de secuencia para el inicio de sesi\u00f3n de usuario con autenticaci\u00f3n JWT.\u201d<\/em><\/p>\n<\/li>\n<li data-nodeid=\"1124\">\n<p data-nodeid=\"1125\">Ajuste los tiempos, agregue manejo de errores o modifique los participantes en VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1126\">\n<p data-nodeid=\"1127\">Incorpore el diagrama en vivo en su gu\u00eda de autenticaci\u00f3n de OpenDocs.<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"1128\"\/>\n<h3 data-nodeid=\"1129\">Ejemplo 3: Diagrama de componentes para arquitectura de microservicios<\/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>Editar PlantUML en 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:RP912i8m44NtESNGVQyWLGhIbONYgdGnjeE8jaeIAq6yksEZfatIvViVNkRJJ6cK-jvVn0tRCnu9adLPm1OrFT0ay1J0NprZZNW9Lwv8ZgUMrB-vLoJXInkBTh8BM8ccfq5xj1X6XbTf79_BSjG85UVErp4weE9m4kURnCDM7lBV0yB4FUAJiNznFQJfohyoKl1kZZI21IATo1vYwPvwxdRFQrCtGI2rXVaM4QSjBMV9QEZuhta3\" \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\npackage \"API Gateway\" {\n    [API Gateway]\n}\n\npackage \"Services\" {\n    [User Service]\n    [Order Service]\n    [Payment Service]\n    [Inventory Service]\n}\n\npackage \"Data Stores\" {\n    database \"User DB\"\n    database \"Order DB\"\n    database \"Payment DB\"\n    database \"Inventory DB\"\n}\n\n[API Gateway] --&gt; [User Service]\n[API Gateway] --&gt; [Order Service]\n[API Gateway] --&gt; [Payment Service]\n[API Gateway] --&gt; [Inventory Service]\n\n[User Service] --&gt; \"User DB\"\n[Order Service] --&gt; \"Order DB\"\n[Payment Service] --&gt; \"Payment DB\"\n[Inventory Service] --&gt; \"Inventory DB\"\n@enduml\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP912i8m44NtESNGVQyWLGhIbONYgdGnjeE8jaeIAq6yksEZfatIvViVNkRJJ6cK-jvVn0tRCnu9adLPm1OrFT0ay1J0NprZZNW9Lwv8ZgUMrB-vLoJXInkBTh8BM8ccfq5xj1X6XbTf79_BSjG85UVErp4weE9m4kURnCDM7lBV0yB4FUAJiNznFQJfohyoKl1kZZI21IATo1vYwPvwxdRFQrCtGI2rXVaM4QSjBMV9QEZuhta3\" \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>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"1131\"><strong data-nodeid=\"1286\">Flujo de trabajo:<\/strong><\/p>\n<ol data-nodeid=\"1132\">\n<li data-nodeid=\"1133\">\n<p data-nodeid=\"1134\">Describe la topolog\u00eda de tus microservicios al asistente de IA.<\/p>\n<\/li>\n<li data-nodeid=\"1135\">\n<p data-nodeid=\"1136\">Refina los l\u00edmites y relaciones de los componentes en VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1137\">\n<p data-nodeid=\"1138\">Publica en OpenDocs como parte de tus registros de decisiones de arquitectura (ADRs).<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"1139\"\/>\n<h3 data-nodeid=\"1140\">Ejemplo 4: Diagrama de actividad para el flujo de trabajo de procesamiento 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>Editar PlantUML en 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:VP71JiCm38RlUGeVkrTe3moDWRYWQOVTlTHbba8ynMc5UASz0n9xCTo63IWIfpX__k-tOYyrOyhzIt1JuUejUTvpWWsrt4hZk8Fguts7WLkyg3SBo0UAKEdvj700zOuIT-pDy1W7YfR4XW8K-3RbyydtGU2EzIYHzu7c4HQo9QKqMCRLhqrvsIJnf6DxV9QYbUJn3kjNpgBoDz781ugK3Bn7d_k4pKLVnu7n-vD5rIp7gQIW15MKQymAewVm3n1RxjmSh9yaVuq50wm2ssHenXRo9pTku81llvfDvc9Tsc7h-WG0\" \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\nstart\n:Recibir Pedido;\nif (\u00bfValidar Pedido?) then (s\u00ed)\n  :Verificar Inventario;\n  if (\u00bfArt\u00edculo Disponible?) then (s\u00ed)\n    :Reservar Art\u00edculos;\n    :Procesar Pago;\n    if (\u00bfPago Exitoso?) then (s\u00ed)\n      :Generar Factura;\n      :Enviar Pedido;\n      stop\n    else (no)\n      :Cancelar Pedido;\n      stop\n    endif\n  else (no)\n    :Notificar al Cliente;\n      stop\n  endif\nelse (no)\n  :Rechazar Pedido;\n  stop\nendif\n@enduml\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VP71JiCm38RlUGeVkrTe3moDWRYWQOVTlTHbba8ynMc5UASz0n9xCTo63IWIfpX__k-tOYyrOyhzIt1JuUejUTvpWWsrt4hZk8Fguts7WLkyg3SBo0UAKEdvj700zOuIT-pDy1W7YfR4XW8K-3RbyydtGU2EzIYHzu7c4HQo9QKqMCRLhqrvsIJnf6DxV9QYbUJn3kjNpgBoDz781ugK3Bn7d_k4pKLVnu7n-vD5rIp7gQIW15MKQymAewVm3n1RxjmSh9yaVuq50wm2ssHenXRo9pTku81llvfDvc9Tsc7h-WG0\" \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>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"1142\"><strong data-nodeid=\"1294\">Flujo de trabajo:<\/strong><\/p>\n<ol data-nodeid=\"1143\">\n<li data-nodeid=\"1144\">\n<p data-nodeid=\"1145\">Preguntar a la IA: <em data-nodeid=\"1301\">\u201cCrea un diagrama de actividad para el procesamiento de pedidos con verificaci\u00f3n de inventario y validaci\u00f3n de pago.\u201d<\/em><\/p>\n<\/li>\n<li data-nodeid=\"1146\">\n<p data-nodeid=\"1147\">A\u00f1ade puntos de decisi\u00f3n y casos l\u00edmite en VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1148\">\n<p data-nodeid=\"1149\">Comparte a trav\u00e9s de OpenDocs con los equipos de operaciones y soporte al cliente.<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"1150\"\/>\n<h2 data-nodeid=\"1151\">Mejores pr\u00e1cticas<\/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. Comienza con IA, refina con c\u00f3digo<\/h3>\n<p data-nodeid=\"1153\">Usa la IA para prototipar diagramas r\u00e1pidamente, pero siempre revisa y refina el c\u00f3digo PlantUML generado. La IA proporciona un punto de partida s\u00f3lido, pero la supervisi\u00f3n humana garantiza la precisi\u00f3n y la alineaci\u00f3n con los est\u00e1ndares del equipo.<\/p>\n<h3 data-nodeid=\"1154\">2. Mant\u00e9n los diagramas simples y enfocados<\/h3>\n<p data-nodeid=\"1155\">Evita saturar los diagramas con detalles excesivos. Usa m\u00faltiples diagramas enfocados en lugar de una sola visi\u00f3n general masiva. Por ejemplo, separa los flujos de autenticaci\u00f3n de los flujos de procesamiento de pedidos.<\/p>\n<h3 data-nodeid=\"1156\">3. Controla la versi\u00f3n de tus diagramas<\/h3>\n<p data-nodeid=\"1157\">Almacena todos los archivos PlantUML en tu repositorio de Git junto con el c\u00f3digo de la aplicaci\u00f3n. Esto permite:<\/p>\n<ul data-nodeid=\"1158\">\n<li data-nodeid=\"1159\">\n<p data-nodeid=\"1160\">Trazabilidad de las decisiones de dise\u00f1o<\/p>\n<\/li>\n<li data-nodeid=\"1161\">\n<p data-nodeid=\"1162\">Revisiones de c\u00f3digo colaborativas para cambios de arquitectura<\/p>\n<\/li>\n<li data-nodeid=\"1163\">\n<p data-nodeid=\"1164\">Capacidades de reversi\u00f3n si los dise\u00f1os necesitan revisi\u00f3n<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"1165\">4. Aprovecha OpenDocs para la comunicaci\u00f3n con las partes interesadas<\/h3>\n<p data-nodeid=\"1166\">Utilice OpenDocs para compartir documentaci\u00f3n viva con partes interesadas t\u00e9cnicas y no t\u00e9cnicas. Dado que los diagramas se actualizan autom\u00e1ticamente, elimina el riesgo de compartir capturas de pantalla desactualizadas.<\/p>\n<h3 data-nodeid=\"1167\">5. Estandarizar las convenciones de nomenclatura<\/h3>\n<p data-nodeid=\"1168\">Establezca convenciones de nomenclatura coherentes para clases, componentes y relaciones en todo su equipo. Esto mejora la legibilidad y reduce la confusi\u00f3n cuando varios ingenieros contribuyen a los mismos diagramas.<\/p>\n<hr data-nodeid=\"1169\"\/>\n<h2 data-nodeid=\"1170\">Conclusi\u00f3n<\/h2>\n<p data-nodeid=\"1171\">La integraci\u00f3n de Visual Paradigm de generaci\u00f3n de diagramas asistida por IA, la plataforma de diagramas como c\u00f3digo de VPasCode y la documentaci\u00f3n viva de OpenDocs crea un flujo de trabajo potente para equipos de ingenier\u00eda modernos. Al tratar los diagramas como c\u00f3digo, obtiene los beneficios del control de versiones, la publicaci\u00f3n automatizada y la sincronizaci\u00f3n perpetua con sus sistemas.<\/p>\n<p data-nodeid=\"1172\">La idea clave es la simplicidad: <strong data-nodeid=\"1333\">generar con IA, refinar con c\u00f3digo, publicar con confianza<\/strong>. Este enfoque elimina la fricci\u00f3n del mantenimiento manual de diagramas y garantiza que su documentaci\u00f3n evolucione junto con sus aplicaciones. Ya sea que est\u00e9 dise\u00f1ando arquitecturas de microservicios, documentando flujos de autenticaci\u00f3n o mapeando procesos empresariales, este flujo de trabajo capacita a los equipos para comunicarse con claridad, colaborar de manera eficiente y mantener visualizaciones precisas y actualizadas de sus sistemas.<\/p>\n<p class=\"\" data-nodeid=\"1173\">Comience a experimentar con diagramas PlantUML generados por IA hoy mismo y experimente la transformaci\u00f3n de una documentaci\u00f3n est\u00e1tica y desactualizada a gu\u00edas de arquitectura din\u00e1micas y vivas.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n En el desarrollo de software moderno, la documentaci\u00f3n a menudo se convierte en el cuello de botella. Las herramientas de diagramaci\u00f3n tradicionales requieren esfuerzos manuales de arrastrar y soltar, lo que da lugar a im\u00e1genes est\u00e1ticas que r\u00e1pidamente se vuelven obsoletas a medida que evolucionan los sistemas. Mientras tanto, los equipos de ingenier\u00eda prefieren [&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,70,36,69],"tags":[],"class_list":["post-10008","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>Desde el Prompt hasta la Publicaci\u00f3n: Dominar el Modelado UML impulsado por IA utilizando Diagramas como C\u00f3digo con Visual Paradigm - Visual Paradigm Blog Espa\u00f1ol<\/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\/es\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Desde el Prompt hasta la Publicaci\u00f3n: Dominar el Modelado UML impulsado por IA utilizando Diagramas como C\u00f3digo con Visual Paradigm - Visual Paradigm Blog Espa\u00f1ol\" \/>\n<meta property=\"og:description\" content=\"Introducci\u00f3n En el desarrollo de software moderno, la documentaci\u00f3n a menudo se convierte en el cuello de botella. Las herramientas de diagramaci\u00f3n tradicionales requieren esfuerzos manuales de arrastrar y soltar, lo que da lugar a im\u00e1genes est\u00e1ticas que r\u00e1pidamente se vuelven obsoletas a medida que evolucionan los sistemas. Mientras tanto, los equipos de ingenier\u00eda prefieren [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/es\/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 Espa\u00f1ol\" \/>\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=\"Tiempo de lectura\" \/>\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\/es\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/es\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\",\"name\":\"Desde el Prompt hasta la Publicaci\u00f3n: Dominar el Modelado UML impulsado por IA utilizando Diagramas como C\u00f3digo con Visual Paradigm - Visual Paradigm Blog Espa\u00f1ol\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/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\/es\/#\/schema\/person\/a649c442f11a53040710ddec750926c6\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/es\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/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\/es\/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\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desde el Prompt hasta la Publicaci\u00f3n: Dominar el Modelado UML impulsado por IA utilizando Diagramas como C\u00f3digo con Visual Paradigm\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/es\/\",\"name\":\"Visual Paradigm Blog Espa\u00f1ol\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/#\/schema\/person\/a649c442f11a53040710ddec750926c6\",\"name\":\"Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/#\/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\/es\/author\/vpadminuser\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Desde el Prompt hasta la Publicaci\u00f3n: Dominar el Modelado UML impulsado por IA utilizando Diagramas como C\u00f3digo con Visual Paradigm - Visual Paradigm Blog Espa\u00f1ol","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\/es\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","og_locale":"es_ES","og_type":"article","og_title":"Desde el Prompt hasta la Publicaci\u00f3n: Dominar el Modelado UML impulsado por IA utilizando Diagramas como C\u00f3digo con Visual Paradigm - Visual Paradigm Blog Espa\u00f1ol","og_description":"Introducci\u00f3n En el desarrollo de software moderno, la documentaci\u00f3n a menudo se convierte en el cuello de botella. Las herramientas de diagramaci\u00f3n tradicionales requieren esfuerzos manuales de arrastrar y soltar, lo que da lugar a im\u00e1genes est\u00e1ticas que r\u00e1pidamente se vuelven obsoletas a medida que evolucionan los sistemas. Mientras tanto, los equipos de ingenier\u00eda prefieren [&hellip;]","og_url":"https:\/\/blog.visual-paradigm.com\/es\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","og_site_name":"Visual Paradigm Blog Espa\u00f1ol","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","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/es\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","url":"https:\/\/blog.visual-paradigm.com\/es\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","name":"Desde el Prompt hasta la Publicaci\u00f3n: Dominar el Modelado UML impulsado por IA utilizando Diagramas como C\u00f3digo con Visual Paradigm - Visual Paradigm Blog Espa\u00f1ol","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/es\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/es\/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\/es\/#\/schema\/person\/a649c442f11a53040710ddec750926c6"},"breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/es\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/es\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/blog.visual-paradigm.com\/es\/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\/es\/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\/es\/"},{"@type":"ListItem","position":2,"name":"Desde el Prompt hasta la Publicaci\u00f3n: Dominar el Modelado UML impulsado por IA utilizando Diagramas como C\u00f3digo con Visual Paradigm"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/es\/#website","url":"https:\/\/blog.visual-paradigm.com\/es\/","name":"Visual Paradigm Blog Espa\u00f1ol","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/es\/#\/schema\/person\/a649c442f11a53040710ddec750926c6","name":"Admin","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/blog.visual-paradigm.com\/es\/#\/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\/es\/author\/vpadminuser\/"}]}},"modified_by":"Admin","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/posts\/10008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/comments?post=10008"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/posts\/10008\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/media?parent=10008"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/categories?post=10008"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/tags?post=10008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}