{"id":1940,"date":"2026-08-02T02:56:11","date_gmt":"2026-08-02T02:56:11","guid":{"rendered":"https:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/"},"modified":"2026-08-02T02:56:11","modified_gmt":"2026-08-02T02:56:11","slug":"how-to-write-plantuml-flowchart-guide-2","status":"publish","type":"post","link":"https:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/","title":{"rendered":"C\u00f3mo escribir un diagrama de flujo de PlantUML: Una gu\u00eda paso a paso"},"content":{"rendered":"<p><img fetchpriority=\"high\" alt=\"A visually appealing guide banner for creating PlantUML flowcharts, showing the transition from text to diagrams and the benefit of AI assistance and refinement.\" class=\"alignnone wp-image-1674 size-full\" decoding=\"async\" fetchpriority=\"high\" height=\"816\" sizes=\"(max-width: 1312px) 100vw, 1312px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/plantuml-flowchart-guide-hero-banner.jpg\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/plantuml-flowchart-guide-hero-banner.jpg 1312w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/plantuml-flowchart-guide-hero-banner-300x187.jpg 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/plantuml-flowchart-guide-hero-banner-1024x637.jpg 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/plantuml-flowchart-guide-hero-banner-768x478.jpg 768w\" width=\"1312\"\/><\/p>\n<p>Cuando los ingenieros de software, arquitectos de sistemas y redactores t\u00e9cnicos necesitan representar procesos, la diagramaci\u00f3n basada en texto suele ser la soluci\u00f3n m\u00e1s r\u00e1pida y f\u00e1cil de mantener. Entre estas herramientas, <strong>PlantUML <\/strong>destaca como una favorita en la industria.<\/p>\n<p>Sin embargo, los principiantes a menudo se encuentran con un obst\u00e1culo inmediato: <strong>PlantUML no admite de forma nativa un tipo de diagrama espec\u00edfico de &#8220;diagrama de flujo&#8221;.<\/strong><\/p>\n<p>\u00bfLa buena noticia? Puedes crear f\u00e1cilmente un diagrama de flujo limpio y funcional <strong>diagrama de flujo de PlantUML<\/strong> utilizando la sintaxis de <strong>Diagrama de actividad<\/strong>sintaxis.<\/p>\n<p>En esta gu\u00eda, aprender\u00e1s c\u00f3mo PlantUML maneja los diagramas de flujo, c\u00f3mo escribir paso a paso la sintaxis principal y c\u00f3mo acelerar tu flujo de trabajo utilizando herramientas modernas como <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/chatbot-v2\/\" rel=\"noopener\" target=\"_blank\">el chatbot de diagramaci\u00f3n con IA de Visual Paradigm<\/a> y <a href=\"https:\/\/vpascode.com\/\" rel=\"noopener\" target=\"_blank\">VPasCode<\/a>.<\/p>\n<hr\/>\n<section>\n<h2>Entendiendo los diagramas de flujo en PlantUML<\/h2>\n<h3>Por qu\u00e9 PlantUML utiliza diagramas de actividad para diagramas de flujo<\/h3>\n<p>En los est\u00e1ndares de UML (Lenguaje Unificado de Modelado), los diagramas de flujo y los diagramas de actividad comparten el mismo prop\u00f3sito fundamental: visualizar l\u00f3gica secuencial, puntos de decisi\u00f3n y caminos de ejecuci\u00f3n condicional.<\/p>\n<p>En lugar de mantener dos formatos de sintaxis redundantes, PlantUML utiliza su motor moderno de <strong>Diagrama de actividad (nueva sintaxis)<\/strong>motor para servir como un creador de diagramas de flujo de PlantUML con todas las funciones<strong>diagrama de flujo de PlantUML<\/strong>construido. Ofrece c\u00f3digo limpio y legible que se representa directamente en flujos visuales estructurados.<\/p>\n<\/section>\n<section>\n<h2>Creando tu primer script de diagrama de flujo de PlantUML<\/h2>\n<p>Escribir un <strong>diagrama de flujo de PlantUML<\/strong>requiere solo unos pocos elementos principales de marcado. Cada diagrama comienza con <code>@startuml<\/code> y concluye con <code>@enduml<\/code>.<\/p>\n<h3>Visi\u00f3n general de la sintaxis b\u00e1sica<\/h3>\n<ul>\n<li><strong>Inicio y final:<\/strong> <code>inicio<\/code> y <code>final<\/code> marcan los l\u00edmites de ejecuci\u00f3n.<\/li>\n<li><strong>Pasos del proceso:<\/strong> Encerrado entre dos puntos y terminado con un punto y coma, como <code>:Realizar acci\u00f3n;<\/code>.<\/li>\n<li><strong>Nodos de decisi\u00f3n:<\/strong> Escrito utilizando <code>if (...) then (...) else (...) endif<\/code> estructuras.<\/li>\n<\/ul>\n<h3>Ejemplo paso a paso de c\u00f3digo: L\u00f3gica de inicio de sesi\u00f3n de usuario<\/h3>\n<p>Aqu\u00ed se muestra c\u00f3mo puedes escribir un diagrama de flujo de PlantUML basado en decisiones est\u00e1ndar<strong>diagrama de flujo de PlantUML<\/strong>:<\/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\/#plantuml:PP71IWGn38RlXRv3ZhDdRxkWko22i0SHV83QPdQ3dMP8CigylUrKmSLJs_n_l-HlZsf1R9coTzlEk_sReW0MGr78VA42KJ3L0eMi1--yen66a-3VEdo6JEbX1tR50iEAklCEO7zQMi4e1aDO6bbHbRWSDlaL4mb60-Ekfg3NTmwIklv8EkUmmXVco1D2OQEnmJe1io8CXNStPXHXWQds2HVidETIPvtg8306ofX-W_7IScwU5kgfYy4CfzaKxk7kNwHAEtFyW12tsz2iB44ehnldPgPgVX6kh9wkfXGq-J6MH6FDq9Vs_ZnxTwpd-XtV\" 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:TP91JWCn34Nt8-KENhPhTgq41Ob55spe2Kp6KncbTecJteS3iE80IFHYECn0gO1LejZ_--KdAokOIzsbqB5mP0tTuZP1jOgP5LYscGp1ga7Cr9D4naG6FS7OttP6niTNMOOkTCOmUt_RgC3X-9ouHuE4v-AhEP0KbUW-Cpk-p4C7iBYknKyvOdR1bwMxVyCiFzlkgUVCMyw02VOeNdU2ivOxjPBTHhJmu8PnSe879ZcGEDIoWOh2J7H-fjcH63vIwwQSDO-EQt5-BtbMu0EZ-gxNFARGiDLWmEJNrN-Z0HYZMVyINCB5dv7uu9kaJvN6I69j051ejzUCgU7GvFlZ9YxQQFBnZHLFB-as4ok1L3hWIK_Iyn2wQGdTm8B-7rP-u1_Z0m00\" \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=\"language-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">\r\n@startuml\r\ninicio\r\n:El usuario ingresa sus credenciales de inicio de sesi\u00f3n;\r\n\r\nsi (\u00bfSon v\u00e1lidas las credenciales?) entonces (s\u00ed)\r\n  :Autenticar la sesi\u00f3n del usuario;\r\n  :Redirigir al panel de usuario;\r\n  :Mostrar notificaci\u00f3n de bienvenida;\r\nsino (no)\r\n  :Mostrar mensaje de error;\r\n  :Incrementar el contador de intentos fallidos de inicio de sesi\u00f3n;\r\n  si (\u00bfIntentos fallidos &gt; 3?) entonces (s\u00ed)\r\n    :Bloquear la cuenta temporalmente;\r\n  sino (no)\r\n    :Solicitar al usuario que intente nuevamente;\r\n  endif\r\nendif\r\n\r\nfinal\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP91JWCn34Nt8-KENhPhTgq41Ob55spe2Kp6KncbTecJteS3iE80IFHYECn0gO1LejZ_--KdAokOIzsbqB5mP0tTuZP1jOgP5LYscGp1ga7Cr9D4naG6FS7OttP6niTNMOOkTCOmUt_RgC3X-9ouHuE4v-AhEP0KbUW-Cpk-p4C7iBYknKyvOdR1bwMxVyCiFzlkgUVCMyw02VOeNdU2ivOxjPBTHhJmu8PnSe879ZcGEDIoWOh2J7H-fjcH63vIwwQSDO-EQt5-BtbMu0EZ-gxNFARGiDLWmEJNrN-Z0HYZMVyINCB5dv7uu9kaJvN6I69j051ejzUCgU7GvFlZ9YxQQFBnZHLFB-as4ok1L3hWIK_Iyn2wQGdTm8B-7rP-u1_Z0m00\" \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\/#plantuml:PP71IWGn38RlXRv3ZhDdRxkWko22i0SHV83QPdQ3dMP8CigylUrKmSLJs_n_l-HlZsf1R9coTzlEk_sReW0MGr78VA42KJ3L0eMi1--yen66a-3VEdo6JEbX1tR50iEAklCEO7zQMi4e1aDO6bbHbRWSDlaL4mb60-Ekfg3NTmwIklv8EkUmmXVco1D2OQEnmJe1io8CXNStPXHXWQds2HVidETIPvtg8306ofX-W_7IScwU5kgfYy4CfzaKxk7kNwHAEtFyW12tsz2iB44ehnldPgPgVX6kh9wkfXGq-J6MH6FDq9Vs_ZnxTwpd-XtV\" 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<h3>Visualizaci\u00f3n de ramas de decisi\u00f3n y bucles<\/h3>\n<p>Dado que la sintaxis se lee como pseudoc\u00f3digo est\u00e1ndar, anidar decisiones o crear bucles repetitivos sigue siendo limpio y legible. Puedes agregar etiquetas expl\u00edcitas a las flechas direccionales simplemente pasando el texto del par\u00e1metro entre par\u00e9ntesis despu\u00e9s de <code>entonces<\/code> o <code>sino<\/code>.<\/p>\n<\/section>\n<section>\n<h2>Acelerando la creaci\u00f3n de diagramas con IA<\/h2>\n<p>Aunque escribir c\u00f3digo DSL manualmente es sencillo para procesos peque\u00f1os, las arquitecturas de sistemas complejos pueden requerir decenas de caminos de decisi\u00f3n. Puedes reducir significativamente el tiempo de configuraci\u00f3n utilizando un<strong>Chatbot de diagramaci\u00f3n con IA<\/strong> para convertir descripciones en lenguaje natural directamente en c\u00f3digo est\u00e1ndar de PlantUML.<\/p>\n<h3>Flujo de trabajo: de prompt a diagrama de flujo<\/h3>\n<ol>\n<li><strong>Define tu objetivo:<\/strong>Describe tu proceso en ingl\u00e9s sencillo (por ejemplo, <em>\u201cCrea un diagrama de flujo de PlantUML para un flujo de cancelaci\u00f3n de pedidos de comercio electr\u00f3nico con verificaciones de autorizaci\u00f3n de reembolso\u201d<\/em>).<\/li>\n<li><strong>Genera el script:<\/strong> El chatbot de IA analiza la l\u00f3gica y genera instant\u00e1neamente un diagrama v\u00e1lido y el c\u00f3digo de diagrama de PlantUML.\n<p id=\"zQdTMsI\"><img alt=\"An activity diagram generated in Visual Paradigm's AI Diagramming Chatbot\" class=\"alignnone wp-image-1675 size-full\" decoding=\"async\" height=\"900\" sizes=\"(max-width: 1400px) 100vw, 1400px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a6eb0cb7799f.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a6eb0cb7799f.png 1400w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a6eb0cb7799f-300x193.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a6eb0cb7799f-1024x658.png 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a6eb0cb7799f-768x494.png 768w\" width=\"1400\"\/><\/p>\n<\/li>\n<li><strong>Copia y verifica:<\/strong>Haz clic en Abrir en VPasCode para enviar el diagrama a VPasCode <strong>Herramienta PlantUML<\/strong> para una visualizaci\u00f3n instant\u00e1nea y ajustes finos.\n<p id=\"FmpmFsP\"><img alt=\"Editing a UML flowchart in Visual Paradigm VPasCode PlantUML editor\" class=\"alignnone wp-image-1676 size-full\" decoding=\"async\" height=\"900\" sizes=\"(max-width: 1400px) 100vw, 1400px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a6eb1002fd1c.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a6eb1002fd1c.png 1400w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a6eb1002fd1c-300x193.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a6eb1002fd1c-1024x658.png 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a6eb1002fd1c-768x494.png 768w\" width=\"1400\"\/><\/p>\n<\/li>\n<\/ol>\n<\/section>\n<section>\n<h2>Perfeccionando y editando diagramas con Visual Paradigm VPasCode<\/h2>\n<p>Una vez que hayas generado o escrito manualmente tu script de PlantUML, necesitas un entorno de trabajo de alto rendimiento para probar, previsualizar y personalizar tus visualizaciones. Aqu\u00ed es donde<strong>Visual Paradigm VPasCode<\/strong> (<code>vpascode.com<\/code>) proporciona un entorno de edici\u00f3n sin interrupciones.<\/p>\n<ol>\n<li>Genera el diagrama con el chatbot de diagramaci\u00f3n con IA<\/li>\n<li>Env\u00eda el diagrama a la herramienta de diagramas como c\u00f3digo de Visual Paradigm VPasCode para revisarlo y editar.<\/li>\n<li>Afinar y exportar como imagen, compartiendo con otros<\/li>\n<\/ol>\n<h3>Caracter\u00edsticas clave de VPasCode para flujos de trabajo de diagramas como c\u00f3digo<\/h3>\n<ul>\n<li><strong>Detecci\u00f3n autom\u00e1tica de formato:<\/strong>Pega el script sin procesar en el editor, y VPasCode identifica autom\u00e1ticamente PlantUML, Mermaid o Graphviz sin obligarte a elegir desde un men\u00fa desplegable.<\/li>\n<li><strong>Vista previa en tiempo real:<\/strong>Los cambios realizados en el panel de c\u00f3digo se reflejan inmediatamente en la ventana de renderizado, haciendo que los ajustes de dise\u00f1o sean r\u00e1pidos e interactivos.<\/li>\n<li><strong>Correcci\u00f3n de errores de c\u00f3digo con IA:<\/strong> Si introduces un error de sintaxis o una llave faltante mientras editas tu <strong>diagrama de flujo de PlantUML<\/strong>, haz clic en <strong>\u201cCorregir con IA\u201d<\/strong> para reparar autom\u00e1ticamente el script. VPasCode muestra una comparaci\u00f3n de c\u00f3digo lado a lado para que puedas ver exactamente qu\u00e9 cambi\u00f3.<\/li>\n<li><strong>Traducci\u00f3n nativa:<\/strong> \u00bfNecesitas presentar tu arquitectura a un equipo internacional? Traduce texto y etiquetas en m\u00faltiples idiomas directamente dentro del <strong>Editor de PlantUML<\/strong>.<\/li>\n<li><strong>Exportaci\u00f3n de vectores de alta resoluci\u00f3n:<\/strong> Descarga tus diagramas completados como archivos SVG escalables para plataformas de documentaci\u00f3n como OpenDocs, o como im\u00e1genes PNG de alta resoluci\u00f3n para presentaciones.<\/li>\n<\/ul>\n<\/section>\n<section>\n<h2>Preguntas frecuentes (FAQ)<\/h2>\n<h3>\u00bfPuedo crear diagramas de flujo est\u00e1ndar directamente en PlantUML?<\/h3>\n<p>Aunque PlantUML no tiene una palabra clave dedicada a \u00abdiagrama de flujo\u00bb, su <strong>Diagrama de actividad<\/strong>sintaxis cumple con todos los requisitos de un diagrama de flujo, convirti\u00e9ndolo en el m\u00e9todo est\u00e1ndar para representar un <strong>diagrama de flujo de PlantUML<\/strong>.<\/p>\n<h3>\u00bfCu\u00e1l es el mejor editor en l\u00ednea de PlantUML?<\/h3>\n<p><strong>Visual Paradigm VPasCode<\/strong> (<code>vpascode.com<\/code>) ofrece un editor potente basado en navegador con detecci\u00f3n autom\u00e1tica de idioma, vista previa en tiempo real, correcci\u00f3n de errores asistida por IA y exportaci\u00f3n de vectores SVG.<\/p>\n<\/section>\n<hr\/>\n<section>\n<h2>Resumen<\/h2>\n<p>Crear un <strong>diagrama de flujo de PlantUML<\/strong>Crear un diagrama de flujo de PlantUML es sencillo una vez que aprovechas la sintaxis del Diagrama de actividad. Al combinar la generaci\u00f3n de IA basada en comandos con la potencia de edici\u00f3n de VPasCode, puedes pasar de una idea breve en texto a un diagrama vectorial pulido y profesional en minutos.<\/p>\n<h2>Referencias<\/h2>\n<ul>\n<li><a href=\"https:\/\/vpascode.com\/\">Prueba Visual Paradigm VPasCode<\/a><\/li>\n<li><a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/chatbot-v2\/\">Prueba el chatbot de diagramaci\u00f3n con IA de Visual Paradigm<\/a><\/li>\n<\/ul>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Cuando los ingenieros de software, arquitectos de sistemas y redactores t\u00e9cnicos necesitan representar procesos, la diagramaci\u00f3n basada en texto suele ser la soluci\u00f3n m\u00e1s r\u00e1pida y f\u00e1cil de mantener. Entre estas herramientas, PlantUML destaca como una favorita en la industria&#8230;.<\/p>\n","protected":false},"author":4,"featured_media":1941,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"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":"","ast-disable-related-posts":"","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":""}},"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[22],"tags":[],"class_list":["post-1940","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-insights"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Write a PlantUML Flowchart: Complete Step-by-Step Guide<\/title>\n<meta name=\"description\" content=\"Learn how to create a PlantUML flowchart using Activity Diagram syntax. Discover how to generate DSL code with AI and refine it in 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:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Write a PlantUML Flowchart: Complete Step-by-Step Guide\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a PlantUML flowchart using Activity Diagram syntax. Discover how to generate DSL code with AI and refine it in VPasCode.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-02T02:56:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/plantuml-flowchart-guide-hero-banner-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1312\" \/>\n\t<meta property=\"og:image:height\" content=\"816\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"jick\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-write-plantuml-flowchart-guide-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-write-plantuml-flowchart-guide-2\\\/\"},\"author\":{\"name\":\"jick\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/schema\\\/person\\\/cd8aa8455bd8bc6827b3efdfa79ad3a6\"},\"headline\":\"C\u00f3mo escribir un diagrama de flujo de PlantUML: Una gu\u00eda paso a paso\",\"datePublished\":\"2026-08-02T02:56:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-write-plantuml-flowchart-guide-2\\\/\"},\"wordCount\":1069,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-write-plantuml-flowchart-guide-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/08\\\/plantuml-flowchart-guide-hero-banner-1.jpg\",\"articleSection\":[\"Insights\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-write-plantuml-flowchart-guide-2\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-write-plantuml-flowchart-guide-2\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-write-plantuml-flowchart-guide-2\\\/\",\"name\":\"How to Write a PlantUML Flowchart: Complete Step-by-Step Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-write-plantuml-flowchart-guide-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-write-plantuml-flowchart-guide-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/08\\\/plantuml-flowchart-guide-hero-banner-1.jpg\",\"datePublished\":\"2026-08-02T02:56:11+00:00\",\"description\":\"Learn how to create a PlantUML flowchart using Activity Diagram syntax. Discover how to generate DSL code with AI and refine it in VPasCode.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-write-plantuml-flowchart-guide-2\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-write-plantuml-flowchart-guide-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-write-plantuml-flowchart-guide-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/08\\\/plantuml-flowchart-guide-hero-banner-1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/08\\\/plantuml-flowchart-guide-hero-banner-1.jpg\",\"width\":1312,\"height\":816},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-write-plantuml-flowchart-guide-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo escribir un diagrama de flujo de PlantUML: Una gu\u00eda paso a paso\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/schema\\\/person\\\/cd8aa8455bd8bc6827b3efdfa79ad3a6\",\"name\":\"jick\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g\",\"caption\":\"jick\"},\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/author\\\/jick\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Write a PlantUML Flowchart: Complete Step-by-Step Guide","description":"Learn how to create a PlantUML flowchart using Activity Diagram syntax. Discover how to generate DSL code with AI and refine it in 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:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/","og_locale":"es_ES","og_type":"article","og_title":"How to Write a PlantUML Flowchart: Complete Step-by-Step Guide","og_description":"Learn how to create a PlantUML flowchart using Activity Diagram syntax. Discover how to generate DSL code with AI and refine it in VPasCode.","og_url":"https:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/","og_site_name":"VPasCode","article_published_time":"2026-08-02T02:56:11+00:00","og_image":[{"width":1312,"height":816,"url":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/plantuml-flowchart-guide-hero-banner-1.jpg","type":"image\/jpeg"}],"author":"jick","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":false,"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/#article","isPartOf":{"@id":"https:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/"},"author":{"name":"jick","@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/person\/cd8aa8455bd8bc6827b3efdfa79ad3a6"},"headline":"C\u00f3mo escribir un diagrama de flujo de PlantUML: Una gu\u00eda paso a paso","datePublished":"2026-08-02T02:56:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/"},"wordCount":1069,"commentCount":0,"publisher":{"@id":"https:\/\/www.vpascode.com\/es\/#organization"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/plantuml-flowchart-guide-hero-banner-1.jpg","articleSection":["Insights"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/","url":"https:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/","name":"How to Write a PlantUML Flowchart: Complete Step-by-Step Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/plantuml-flowchart-guide-hero-banner-1.jpg","datePublished":"2026-08-02T02:56:11+00:00","description":"Learn how to create a PlantUML flowchart using Activity Diagram syntax. Discover how to generate DSL code with AI and refine it in VPasCode.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/#primaryimage","url":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/plantuml-flowchart-guide-hero-banner-1.jpg","contentUrl":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/plantuml-flowchart-guide-hero-banner-1.jpg","width":1312,"height":816},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/es\/how-to-write-plantuml-flowchart-guide-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/es\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo escribir un diagrama de flujo de PlantUML: Una gu\u00eda paso a paso"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/es\/#website","url":"https:\/\/www.vpascode.com\/es\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/es\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/person\/cd8aa8455bd8bc6827b3efdfa79ad3a6","name":"jick","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g","caption":"jick"},"url":"https:\/\/www.vpascode.com\/es\/author\/jick\/"}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/posts\/1940","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/comments?post=1940"}],"version-history":[{"count":0,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/posts\/1940\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/media\/1941"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/media?parent=1940"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/categories?post=1940"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/tags?post=1940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}