{"id":931,"date":"2025-10-15T14:06:31","date_gmt":"2025-10-15T06:06:31","guid":{"rendered":"https:\/\/agilien.visual-paradigm.com\/pt\/?post_type=docs&p=931"},"modified":"2025-10-16T18:28:40","modified_gmt":"2025-10-16T10:28:40","password":"","slug":"diagram-generation","status":"publish","type":"docs","link":"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/","title":{"rendered":"Diagram Generation"},"content":{"rendered":"

Visualizing workflows and system architecture is a core part of Agile planning. The Diagram Workbench leverages AI to instantly create PlantUML diagrams from your work items.<\/p>\n

\n
\n
\n
\n

How it Works<\/h3>\n

When you ask the AI to generate a diagram, it analyzes the\u00a0title and description<\/strong>\u00a0of the currently selected item (Epic, Story, or Sub-Task). It uses this context to generate PlantUML code that represents the process, structure, or flow described in the text.<\/p>\n

Supported Diagram Types<\/h3>\n

You can choose from three common UML diagram types:<\/p>\n

\n
    \n
  1. Sequence Diagram<\/strong>: Excellent for showing interactions between different components or actors over time. Use this to visualize API calls, user login flows, or any process where the order of operations is important.<\/li>\n
  2. Activity Diagram<\/strong>: Ideal for modeling business processes or workflows. Use this to illustrate the steps in a process, including decisions and branches. It’s like a traditional flowchart.<\/li>\n
  3. Class Diagram<\/strong>: Used to display the static structure of a system. It shows key classes, their attributes, methods, and the relationships between them (e.g., inheritance, association). This is useful for planning out your data model or service architecture.<\/li>\n<\/ol>\n<\/div>\n

    Generating Your First Diagram<\/h3>\n
    \n
      \n
    1. Select an Item<\/strong>: In the Project Hierarchy, click on a User Story or Sub-Task that describes a process. For example, a story like “As a user, I want to log in with my email and password.”<\/li>\n
    2. Choose a Type<\/strong>: In the Diagram Workbench on the right, select “Sequence Diagram” from the dropdown.<\/li>\n
    3. Generate<\/strong>: Click the\u00a0Generate Diagram<\/strong>\u00a0button.<\/li>\n
    4. Review<\/strong>: After a few moments, the PlantUML code and a rendered SVG preview will appear. You will see participants like “User,” “Browser,” “API Server,” and “Database,” with messages showing the login sequence.<\/li>\n<\/ol>\n

      \"An<\/p>\n<\/div>\n

      Attaching a Diagram to an Item<\/h3>\n

      Once you are satisfied with the generated (or edited) diagram, you need to save it.<\/p>\n

      \n
        \n
      • Click the green\u00a0Attach to [Item Type]<\/strong>\u00a0button.<\/li>\n<\/ul>\n<\/div>\n

        The diagram is now saved and associated with that work item. A thumbnail will appear in the “Diagram Attachments” section of the Detail Panel for that item. You can now select other items and generate more diagrams.<\/p>\n

        To view or edit a saved diagram, simply click its thumbnail in the Detail Panel. It will be loaded back into the Diagram Workbench.<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

        Visualizing workflows and system architecture is a core part of Agile planning. The Diagram Workbench leverages AI to instantly create PlantUML diagrams from your work items. How it Works When you ask the AI to generate a diagram, it analyzes the\u00a0title and description\u00a0of the currently selected item (Epic, Story, or Sub-Task). It uses this context to generate PlantUML code that represents the process, structure, or flow described in the text. Supported Diagram Types You can choose from three common UML diagram types: Sequence Diagram: Excellent for showing interactions between different components or actors over time. Use this to visualize API calls, user login flows, or any process where the order of operations is important. Activity Diagram: Ideal for modeling business processes or workflows. Use this to illustrate the steps in a process, including decisions and branches. It’s like a traditional flowchart. Class Diagram: Used to display the static structure of a system. It shows key classes, their attributes, methods, and the relationships between them (e.g., inheritance, association). This is useful for planning out your data model or service architecture. Generating Your First Diagram Select an Item: In the Project Hierarchy, click on a User Story or Sub-Task that describes a process. For example, a story like “As a user, I want to log in with my email and password.” Choose a Type: In the Diagram Workbench on the right, select “Sequence Diagram” from the dropdown. Generate: Click the\u00a0Generate Diagram\u00a0button. Review: After a few moments, the PlantUML code and a rendered SVG preview will appear. You will see participants like “User,” “Browser,” “API Server,” and “Database,” with messages showing the login sequence. Attaching a Diagram to an Item Once you are satisfied with the generated (or edited) diagram, you need to save it. Click the green\u00a0Attach to [Item Type]\u00a0button. The diagram is now saved and associated with that work item. A thumbnail will appear in the “Diagram Attachments” section of the Detail Panel for that item. You can now select other items and generate more diagrams. To view or edit a saved diagram, simply click its thumbnail in the Detail Panel. It will be loaded back into the Diagram Workbench.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[22],"doc_tag":[],"class_list":["post-931","docs","type-docs","status-publish","hentry","doc_category-documentation"],"year_month":"2026-04","word_count":366,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"vpadmin","author_nicename":"vpadmin","author_url":"https:\/\/agilien.visual-paradigm.com\/pt\/author\/vpadmin\/"},"doc_category_info":[{"term_name":"Documentation","term_url":"https:\/\/agilien.visual-paradigm.com\/pt\/docs-category\/documentation\/"}],"doc_tag_info":[],"yoast_head":"\nDiagram Generation - Agilien Portugu\u00eas<\/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:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Diagram Generation - Agilien Portugu\u00eas\" \/>\n<meta property=\"og:description\" content=\"Visualizing workflows and system architecture is a core part of Agile planning. The Diagram Workbench leverages AI to instantly create PlantUML diagrams from your work items. How it Works When you ask the AI to generate a diagram, it analyzes the\u00a0title and description\u00a0of the currently selected item (Epic, Story, or Sub-Task). It uses this context to generate PlantUML code that represents the process, structure, or flow described in the text. Supported Diagram Types You can choose from three common UML diagram types: Sequence Diagram: Excellent for showing interactions between different components or actors over time. Use this to visualize API calls, user login flows, or any process where the order of operations is important. Activity Diagram: Ideal for modeling business processes or workflows. Use this to illustrate the steps in a process, including decisions and branches. It’s like a traditional flowchart. Class Diagram: Used to display the static structure of a system. It shows key classes, their attributes, methods, and the relationships between them (e.g., inheritance, association). This is useful for planning out your data model or service architecture. Generating Your First Diagram Select an Item: In the Project Hierarchy, click on a User Story or Sub-Task that describes a process. For example, a story like “As a user, I want to log in with my email and password.” Choose a Type: In the Diagram Workbench on the right, select “Sequence Diagram” from the dropdown. Generate: Click the\u00a0Generate Diagram\u00a0button. Review: After a few moments, the PlantUML code and a rendered SVG preview will appear. You will see participants like “User,” “Browser,” “API Server,” and “Database,” with messages showing the login sequence. Attaching a Diagram to an Item Once you are satisfied with the generated (or edited) diagram, you need to save it. Click the green\u00a0Attach to [Item Type]\u00a0button. The diagram is now saved and associated with that work item. A thumbnail will appear in the “Diagram Attachments” section of the Detail Panel for that item. You can now select other items and generate more diagrams. To view or edit a saved diagram, simply click its thumbnail in the Detail Panel. It will be loaded back into the Diagram Workbench.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/\" \/>\n<meta property=\"og:site_name\" content=\"Agilien Portugu\u00eas\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-16T10:28:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/agilien.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2025\/10\/img_68f0c8a797f5a.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/\",\"url\":\"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/\",\"name\":\"Diagram Generation - Agilien Portugu\u00eas\",\"isPartOf\":{\"@id\":\"https:\/\/agilien.visual-paradigm.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/agilien.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2025\/10\/img_68f0c8a797f5a.png\",\"datePublished\":\"2025-10-15T06:06:31+00:00\",\"dateModified\":\"2025-10-16T10:28:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/#primaryimage\",\"url\":\"https:\/\/agilien.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2025\/10\/img_68f0c8a797f5a.png\",\"contentUrl\":\"https:\/\/agilien.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2025\/10\/img_68f0c8a797f5a.png\",\"width\":1005,\"height\":707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/agilien.visual-paradigm.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Docs\",\"item\":\"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Diagram Generation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/agilien.visual-paradigm.com\/pt\/#website\",\"url\":\"https:\/\/agilien.visual-paradigm.com\/pt\/\",\"name\":\"Agilien Portugu\u00eas\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/agilien.visual-paradigm.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Diagram Generation - Agilien Portugu\u00eas","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:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/","og_locale":"pt_PT","og_type":"article","og_title":"Diagram Generation - Agilien Portugu\u00eas","og_description":"Visualizing workflows and system architecture is a core part of Agile planning. The Diagram Workbench leverages AI to instantly create PlantUML diagrams from your work items. How it Works When you ask the AI to generate a diagram, it analyzes the\u00a0title and description\u00a0of the currently selected item (Epic, Story, or Sub-Task). It uses this context to generate PlantUML code that represents the process, structure, or flow described in the text. Supported Diagram Types You can choose from three common UML diagram types: Sequence Diagram: Excellent for showing interactions between different components or actors over time. Use this to visualize API calls, user login flows, or any process where the order of operations is important. Activity Diagram: Ideal for modeling business processes or workflows. Use this to illustrate the steps in a process, including decisions and branches. It’s like a traditional flowchart. Class Diagram: Used to display the static structure of a system. It shows key classes, their attributes, methods, and the relationships between them (e.g., inheritance, association). This is useful for planning out your data model or service architecture. Generating Your First Diagram Select an Item: In the Project Hierarchy, click on a User Story or Sub-Task that describes a process. For example, a story like “As a user, I want to log in with my email and password.” Choose a Type: In the Diagram Workbench on the right, select “Sequence Diagram” from the dropdown. Generate: Click the\u00a0Generate Diagram\u00a0button. Review: After a few moments, the PlantUML code and a rendered SVG preview will appear. You will see participants like “User,” “Browser,” “API Server,” and “Database,” with messages showing the login sequence. Attaching a Diagram to an Item Once you are satisfied with the generated (or edited) diagram, you need to save it. Click the green\u00a0Attach to [Item Type]\u00a0button. The diagram is now saved and associated with that work item. A thumbnail will appear in the “Diagram Attachments” section of the Detail Panel for that item. You can now select other items and generate more diagrams. To view or edit a saved diagram, simply click its thumbnail in the Detail Panel. It will be loaded back into the Diagram Workbench.","og_url":"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/","og_site_name":"Agilien Portugu\u00eas","article_modified_time":"2025-10-16T10:28:40+00:00","og_image":[{"url":"https:\/\/agilien.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2025\/10\/img_68f0c8a797f5a.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/","url":"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/","name":"Diagram Generation - Agilien Portugu\u00eas","isPartOf":{"@id":"https:\/\/agilien.visual-paradigm.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/#primaryimage"},"image":{"@id":"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/#primaryimage"},"thumbnailUrl":"https:\/\/agilien.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2025\/10\/img_68f0c8a797f5a.png","datePublished":"2025-10-15T06:06:31+00:00","dateModified":"2025-10-16T10:28:40+00:00","breadcrumb":{"@id":"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/#primaryimage","url":"https:\/\/agilien.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2025\/10\/img_68f0c8a797f5a.png","contentUrl":"https:\/\/agilien.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2025\/10\/img_68f0c8a797f5a.png","width":1005,"height":707},{"@type":"BreadcrumbList","@id":"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/diagram-generation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/agilien.visual-paradigm.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Docs","item":"https:\/\/agilien.visual-paradigm.com\/pt\/docs\/"},{"@type":"ListItem","position":3,"name":"Diagram Generation"}]},{"@type":"WebSite","@id":"https:\/\/agilien.visual-paradigm.com\/pt\/#website","url":"https:\/\/agilien.visual-paradigm.com\/pt\/","name":"Agilien Portugu\u00eas","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/agilien.visual-paradigm.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"}]}},"_links":{"self":[{"href":"https:\/\/agilien.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/docs\/931","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agilien.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/agilien.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/agilien.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agilien.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/comments?post=931"}],"version-history":[{"count":5,"href":"https:\/\/agilien.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/docs\/931\/revisions"}],"predecessor-version":[{"id":1040,"href":"https:\/\/agilien.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/docs\/931\/revisions\/1040"}],"wp:attachment":[{"href":"https:\/\/agilien.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media?parent=931"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/agilien.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/doc_category?post=931"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/agilien.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/doc_tag?post=931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}