{"id":7677,"date":"2026-08-19T11:15:25","date_gmt":"2026-08-19T03:15:25","guid":{"rendered":"https:\/\/guides.visual-paradigm.com\/gallery\/plantuml-class-diagram-code-example\/"},"modified":"2026-10-09T04:22:37","modified_gmt":"2026-10-09T04:22:37","slug":"plantuml-class-diagram-code-example","status":"publish","type":"gallery","link":"https:\/\/www.learn-vp.com\/pl\/gallery\/plantuml-class-diagram-code-example\/","title":{"rendered":"Accelerating UML Modeling with AI in VPasCode"},"content":{"rendered":"<figure id=\"attachment_7678\" aria-describedby=\"caption-attachment-7678\" style=\"width: 1919px\" class=\"wp-caption alignnone\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-7678\" src=\"https:\/\/www.learn-vp.com\/pl\/wp-content\/uploads\/sites\/10\/2026\/08\/img_6a85129e451df.png\" alt=\"PlantUML Class Diagram Code Example\" width=\"1919\" height=\"879\" srcset=\"https:\/\/www.learn-vp.com\/pl\/wp-content\/uploads\/sites\/10\/2026\/08\/img_6a85129e451df.png 1919w, https:\/\/www.learn-vp.com\/pl\/wp-content\/uploads\/sites\/10\/2026\/08\/img_6a85129e451df-300x137.png 300w, https:\/\/www.learn-vp.com\/pl\/wp-content\/uploads\/sites\/10\/2026\/08\/img_6a85129e451df-1024x469.png 1024w, https:\/\/www.learn-vp.com\/pl\/wp-content\/uploads\/sites\/10\/2026\/08\/img_6a85129e451df-768x352.png 768w, https:\/\/www.learn-vp.com\/pl\/wp-content\/uploads\/sites\/10\/2026\/08\/img_6a85129e451df-1536x704.png 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" \/><figcaption id=\"caption-attachment-7678\" class=\"wp-caption-text\">PlantUML Class Diagram Code Example<\/figcaption><\/figure>\n<p>In the world of software architecture, efficiency is key. Visual Paradigm has long been a staple for creating professional diagrams, but the introduction of <strong>VPasCode<\/strong> represents a significant leap forward. It allows developers and architects to treat diagrams as code, merging the precision of text-based modeling with the visual clarity of UML. Today, we will explore a powerful feature within this ecosystem: using the built-in AI to refine and populate your class diagrams instantly.<\/p>\n<p>Imagine you are designing an e-commerce system. You have established the high-level structure of your payment processing logic. You have an abstract <strong>Payment<\/strong> class with three concrete children: <strong>Cash<\/strong>, <strong>Check<\/strong>, and <strong>Credit<\/strong>. However, in the early stages of modeling, these classes often start as &#8220;empty shells.&#8221; While the inheritance hierarchy is correct, the specific attributes that make each payment type unique are missing. Manually typing out these attributes can be tedious and prone to syntax errors. Fortunately, the AI capabilities in VPasCode can bridge this gap effortlessly.<\/p>\n<h3>Starting from a Basic Structure<\/h3>\n<p>Let&#8217;s assume you have already defined the skeleton of your diagram using PlantUML syntax. You have successfully created the relationship where <strong>Cash<\/strong>, <strong>Check<\/strong>, and <strong>Credit<\/strong> extend the <strong>Payment<\/strong> class. Visually, your diagram is structured correctly, but semantically, it is incomplete. The child classes are devoid of the specific data fields required to represent real-world payment methods.<\/p>\n<p>This is the perfect scenario for leveraging the &#8220;Diagram-as-Code&#8221; philosophy. Instead of manually switching back and forth between the code editor and the visual canvas to add fields, you can instruct the AI to do the heavy lifting.<\/p>\n<h3>Step 1: Unlocking the AI Controls<\/h3>\n<p>The first step to refining your diagram is accessing the intelligent tools provided by VPasCode. Located prominently at the top-left of the editor interface, just above your code, you will find a dropdown button labeled <strong>AI<\/strong>. This is your gateway to intelligent diagram manipulation. By clicking this button, you reveal a menu of options designed to assist you in modifying or translating your diagram code.<\/p>\n<h3>Step 2: Choosing the Modify Function<\/h3>\n<p>Visual Paradigm offers various AI capabilities depending on your current needs. If you were starting from a blank page, you might use the generation tool. However, since you already have a working structure, you need to alter the existing logic. From the dropdown menu, select the <strong>Modify<\/strong> option, which is accompanied by the AI icon. This selection signals to the system that you intend to enhance the current diagram rather than generate a new one from scratch.<\/p>\n<h3>Step 3: The Power of Natural Language<\/h3>\n<p>This is where the magic happens. In traditional coding, you would need to recall the exact PlantUML syntax for defining attributes, ensuring correct visibility modifiers (like <code>-<\/code> for private or <code>+<\/code> for public), and checking for syntax errors. With the AI Modify dialog box, you can simply describe your intent in plain English.<\/p>\n<p>For our e-commerce example, you would enter a prompt similar to this:<\/p>\n<blockquote><p><em>\u201cAdd some attributes to the children Classes of the Payment Class in the Class Diagram\u201d<\/em><\/p><\/blockquote>\n<p>Once you click the <strong>AI Modify<\/strong> button to submit this request, the VPasCode engine springs into action. It analyzes your prompt, identifies the target classes (<strong>Cash<\/strong>, <strong>Check<\/strong>, and <strong>Credit<\/strong>), and utilizes its domain knowledge to inject relevant attributes.<\/p>\n<h3>Step 4: The Refined Result<\/h3>\n<p>The AI processes your description and updates both the code on the left and the visual representation on the right simultaneously. The result is a fully populated class diagram that reflects standard domain knowledge for payment systems.<\/p>\n<ul>\n<li>The <strong>Cash<\/strong> class now includes an attribute for <code>cashTendered<\/code>.<\/li>\n<li>The <strong>Check<\/strong> class is equipped with <code>bankID<\/code> and <code>bankName<\/code> to handle banking details.<\/li>\n<li>The <strong>Credit<\/strong> class is populated with <code>number<\/code> and <code>expDate<\/code> to manage credit card information.<\/li>\n<\/ul>\n<p>This seamless integration of AI into the modeling workflow allows you to focus on the architecture and logic of your system rather than getting bogged down in the syntax of attribute definitions. By using VPasCode, Visual Paradigm continues to demonstrate how modern tools can democratize complex modeling tasks, making them accessible and efficient for developers of all levels.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Step-by-Step Guide: Refining a Class Diagram with VPasCode Embedded AI<br \/>\nRefining a Class Diagram quickly and conveniently within VPasCode without external tools can be accomplished in a few simple steps using the built-in AI feature.<\/p>\n<p>The Starting Point<br \/>\nImagine you have a basic e-commerce class diagram defined in PlantUML. You have a\u00a0Payment\u00a0class with three children:\u00a0Cash,\u00a0Check, and\u00a0Credit. Currently, these child classes are empty shells, inheriting only from the parent.<\/p>\n<p>(Note: In the actual interface, this corresponds to the first image provided, showing the code on the left and the rendered diagram on the right with empty child classes.)<\/p>\n<p>Figure 1: The initial state of the Class Diagram in VPasCode. Note the\u00a0Cash,\u00a0Check, and\u00a0Credit\u00a0classes lack specific attributes.<\/p>\n<p>Step 1: Open the AI Menu<br \/>\nTo begin the refinement process, locate the AI controls within the editor interface.<\/p>\n<p>Click on the\u00a0AI\u00a0dropdown button located at the top-left section above the code editor. This menu is your gateway to intelligent diagram manipulation.<\/p>\n<p>Figure 2: Clicking the AI dropdown reveals options to Modify or Translate the diagram code.<\/p>\n<p>Step 2: Select the Modify Option<br \/>\nThe AI menu offers different capabilities depending on your needs. For structural changes, you will use the Modify function.<\/p>\n<p>From the dropdown menu, click on the\u00a0Modify\u00a0option with the AI icon next to it. This tells the system you intend to alter the existing logic and structure of the diagram rather than generating something from scratch.<\/p>\n<p>Step 3: Describe the Desired Changes<br \/>\nThis is the most critical step where natural language replaces manual coding. You do not need to know the exact PlantUML syntax for the new attributes; you simply describe what you want.<\/p>\n<p>In the\u00a0AI Modify\u00a0dialog box that appears, enter a natural language description of how you want to refine or change your diagram.<\/p>\n<p>Example Prompt:\u00a0\u201cAdd some attributes to the children Classes of the Payment Class in the Class Diagram\u201d<\/p>\n<p>Click the\u00a0AI Modify\u00a0button to submit your request.<\/p>\n<p>Figure 3: The AI Modify dialog box. The user enters a natural language prompt (1) and triggers the process (2).<\/p>\n<p>Step 4: View the Refined Diagram<br \/>\nOnce you submit the prompt, the VPasCode engine goes to work. It analyzes the request, identifies the target classes (Cash,\u00a0Check,\u00a0Credit), and injects relevant attributes and methods based on standard domain knowledge.<\/p>\n<p>The AI will automatically process your description, update the code, and reflect the newly added classes, attributes, or methods directly in your visual Class Diagram.<\/p>\n<p>Result:\u00a0As seen below, the\u00a0Cash\u00a0class now has\u00a0cashTendered, the\u00a0Check\u00a0class has\u00a0bankID\u00a0and\u00a0bankName, and the\u00a0Credit\u00a0class includes\u00a0number\u00a0and\u00a0expDate. The code on the left has been updated to match the visual on the right.<\/p>\n<p>Figure 4: The refined diagram. The AI has successfully populated the child classes with relevant attributes and methods, updating both the code and the visual representation.<\/p>\n","protected":false},"author":1,"featured_media":7812,"template":"","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","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":""}},"source_url":"https:\/\/www.cybermedian.com\/effortless-uml-refinement-a-step-by-step-guide-to-modifying-class-diagrams-with-vpascodes-embedded-ai\/","source_h1_title":"Effortless UML Refinement: A Step-by-Step Guide to Modifying Class Diagrams with VPasCode\u2019s Embedded AI","fifu_image_url":"","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"39486409e503da4e9d9a31d9bfd89e079b3aca301d05f21d11d009ec51af3091"},"asset-category":[21,18],"class_list":["post-7677","gallery","type-gallery","status-publish","has-post-thumbnail","hentry","asset-category-uml","asset-category-vpascode"],"source_url":"https:\/\/www.cybermedian.com\/effortless-uml-refinement-a-step-by-step-guide-to-modifying-class-diagrams-with-vpascodes-embedded-ai\/","source_h1_title":"Effortless UML Refinement: A Step-by-Step Guide to Modifying Class Diagrams with VPasCode\u2019s Embedded AI","fifu_image_url":"","fifu_image_alt":"","vp_image_hash":"39486409e503da4e9d9a31d9bfd89e079b3aca301d05f21d11d009ec51af3091","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accelerating UML Modeling with AI in VPasCode - Learn VP<\/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:\/\/www.learn-vp.com\/pl\/gallery\/plantuml-class-diagram-code-example\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accelerating UML Modeling with AI in VPasCode - Learn VP\" \/>\n<meta property=\"og:description\" content=\"Step-by-Step Guide: Refining a Class Diagram with VPasCode Embedded AI Refining a Class Diagram quickly and conveniently within VPasCode without external tools can be accomplished in a few simple steps using the built-in AI feature.  The Starting Point Imagine you have a basic e-commerce class diagram defined in PlantUML. You have a\u00a0Payment\u00a0class with three children:\u00a0Cash,\u00a0Check, and\u00a0Credit. Currently, these child classes are empty shells, inheriting only from the parent.  (Note: In the actual interface, this corresponds to the first image provided, showing the code on the left and the rendered diagram on the right with empty child classes.)   Figure 1: The initial state of the Class Diagram in VPasCode. Note the\u00a0Cash,\u00a0Check, and\u00a0Credit\u00a0classes lack specific attributes.  Step 1: Open the AI Menu To begin the refinement process, locate the AI controls within the editor interface.  Click on the\u00a0AI\u00a0dropdown button located at the top-left section above the code editor. This menu is your gateway to intelligent diagram manipulation.    Figure 2: Clicking the AI dropdown reveals options to Modify or Translate the diagram code.  Step 2: Select the Modify Option The AI menu offers different capabilities depending on your needs. For structural changes, you will use the Modify function.  From the dropdown menu, click on the\u00a0Modify\u00a0option with the AI icon next to it. This tells the system you intend to alter the existing logic and structure of the diagram rather than generating something from scratch.  Step 3: Describe the Desired Changes This is the most critical step where natural language replaces manual coding. You do not need to know the exact PlantUML syntax for the new attributes; you simply describe what you want.  In the\u00a0AI Modify\u00a0dialog box that appears, enter a natural language description of how you want to refine or change your diagram.  Example Prompt:\u00a0\u201cAdd some attributes to the children Classes of the Payment Class in the Class Diagram\u201d  Click the\u00a0AI Modify\u00a0button to submit your request.  Figure 3: The AI Modify dialog box. The user enters a natural language prompt (1) and triggers the process (2).  Step 4: View the Refined Diagram Once you submit the prompt, the VPasCode engine goes to work. It analyzes the request, identifies the target classes (Cash,\u00a0Check,\u00a0Credit), and injects relevant attributes and methods based on standard domain knowledge.  The AI will automatically process your description, update the code, and reflect the newly added classes, attributes, or methods directly in your visual Class Diagram.  Result:\u00a0As seen below, the\u00a0Cash\u00a0class now has\u00a0cashTendered, the\u00a0Check\u00a0class has\u00a0bankID\u00a0and\u00a0bankName, and the\u00a0Credit\u00a0class includes\u00a0number\u00a0and\u00a0expDate. The code on the left has been updated to match the visual on the right.    Figure 4: The refined diagram. The AI has successfully populated the child classes with relevant attributes and methods, updating both the code and the visual representation.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.learn-vp.com\/pl\/gallery\/plantuml-class-diagram-code-example\/\" \/>\n<meta property=\"og:site_name\" content=\"Learn VP\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-09T04:22:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a85129e451df.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minuty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/gallery\\\/plantuml-class-diagram-code-example\\\/\",\"url\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/gallery\\\/plantuml-class-diagram-code-example\\\/\",\"name\":\"Accelerating UML Modeling with AI in VPasCode - Learn VP\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/gallery\\\/plantuml-class-diagram-code-example\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/gallery\\\/plantuml-class-diagram-code-example\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cybermedian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/img_6a85129e451df.png\",\"datePublished\":\"2026-08-19T03:15:25+00:00\",\"dateModified\":\"2026-10-09T04:22:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/gallery\\\/plantuml-class-diagram-code-example\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/gallery\\\/plantuml-class-diagram-code-example\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/gallery\\\/plantuml-class-diagram-code-example\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.cybermedian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/img_6a85129e451df.png\",\"contentUrl\":\"https:\\\/\\\/www.cybermedian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/img_6a85129e451df.png\",\"caption\":\"PlantUML Class Diagram Code Example\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/gallery\\\/plantuml-class-diagram-code-example\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accelerating UML Modeling with AI in VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/#website\",\"url\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/\",\"name\":\"Learn VP\",\"description\":\"Learn VP\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/#organization\",\"name\":\"Learn VP\",\"url\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/wp-content\\\/uploads\\\/sites\\\/10\\\/2026\\\/08\\\/cropped-Gemini_Generated_Image_n6bgztn6bgztn6bg-clean-e1787131920742.png\",\"contentUrl\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/wp-content\\\/uploads\\\/sites\\\/10\\\/2026\\\/08\\\/cropped-Gemini_Generated_Image_n6bgztn6bgztn6bg-clean-e1787131920742.png\",\"width\":463,\"height\":404,\"caption\":\"Learn VP\"},\"image\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/pl\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accelerating UML Modeling with AI in VPasCode - Learn VP","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.learn-vp.com\/pl\/gallery\/plantuml-class-diagram-code-example\/","og_locale":"pl_PL","og_type":"article","og_title":"Accelerating UML Modeling with AI in VPasCode - Learn VP","og_description":"Step-by-Step Guide: Refining a Class Diagram with VPasCode Embedded AI Refining a Class Diagram quickly and conveniently within VPasCode without external tools can be accomplished in a few simple steps using the built-in AI feature.  The Starting Point Imagine you have a basic e-commerce class diagram defined in PlantUML. You have a\u00a0Payment\u00a0class with three children:\u00a0Cash,\u00a0Check, and\u00a0Credit. Currently, these child classes are empty shells, inheriting only from the parent.  (Note: In the actual interface, this corresponds to the first image provided, showing the code on the left and the rendered diagram on the right with empty child classes.)   Figure 1: The initial state of the Class Diagram in VPasCode. Note the\u00a0Cash,\u00a0Check, and\u00a0Credit\u00a0classes lack specific attributes.  Step 1: Open the AI Menu To begin the refinement process, locate the AI controls within the editor interface.  Click on the\u00a0AI\u00a0dropdown button located at the top-left section above the code editor. This menu is your gateway to intelligent diagram manipulation.    Figure 2: Clicking the AI dropdown reveals options to Modify or Translate the diagram code.  Step 2: Select the Modify Option The AI menu offers different capabilities depending on your needs. For structural changes, you will use the Modify function.  From the dropdown menu, click on the\u00a0Modify\u00a0option with the AI icon next to it. This tells the system you intend to alter the existing logic and structure of the diagram rather than generating something from scratch.  Step 3: Describe the Desired Changes This is the most critical step where natural language replaces manual coding. You do not need to know the exact PlantUML syntax for the new attributes; you simply describe what you want.  In the\u00a0AI Modify\u00a0dialog box that appears, enter a natural language description of how you want to refine or change your diagram.  Example Prompt:\u00a0\u201cAdd some attributes to the children Classes of the Payment Class in the Class Diagram\u201d  Click the\u00a0AI Modify\u00a0button to submit your request.  Figure 3: The AI Modify dialog box. The user enters a natural language prompt (1) and triggers the process (2).  Step 4: View the Refined Diagram Once you submit the prompt, the VPasCode engine goes to work. It analyzes the request, identifies the target classes (Cash,\u00a0Check,\u00a0Credit), and injects relevant attributes and methods based on standard domain knowledge.  The AI will automatically process your description, update the code, and reflect the newly added classes, attributes, or methods directly in your visual Class Diagram.  Result:\u00a0As seen below, the\u00a0Cash\u00a0class now has\u00a0cashTendered, the\u00a0Check\u00a0class has\u00a0bankID\u00a0and\u00a0bankName, and the\u00a0Credit\u00a0class includes\u00a0number\u00a0and\u00a0expDate. The code on the left has been updated to match the visual on the right.    Figure 4: The refined diagram. The AI has successfully populated the child classes with relevant attributes and methods, updating both the code and the visual representation.","og_url":"https:\/\/www.learn-vp.com\/pl\/gallery\/plantuml-class-diagram-code-example\/","og_site_name":"Learn VP","article_modified_time":"2026-10-09T04:22:37+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a85129e451df.png","width":1024,"height":1024,"type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Szacowany czas czytania":"4 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.learn-vp.com\/pl\/gallery\/plantuml-class-diagram-code-example\/","url":"https:\/\/www.learn-vp.com\/pl\/gallery\/plantuml-class-diagram-code-example\/","name":"Accelerating UML Modeling with AI in VPasCode - Learn VP","isPartOf":{"@id":"https:\/\/www.learn-vp.com\/pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.learn-vp.com\/pl\/gallery\/plantuml-class-diagram-code-example\/#primaryimage"},"image":{"@id":"https:\/\/www.learn-vp.com\/pl\/gallery\/plantuml-class-diagram-code-example\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a85129e451df.png","datePublished":"2026-08-19T03:15:25+00:00","dateModified":"2026-10-09T04:22:37+00:00","breadcrumb":{"@id":"https:\/\/www.learn-vp.com\/pl\/gallery\/plantuml-class-diagram-code-example\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.learn-vp.com\/pl\/gallery\/plantuml-class-diagram-code-example\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.learn-vp.com\/pl\/gallery\/plantuml-class-diagram-code-example\/#primaryimage","url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a85129e451df.png","contentUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a85129e451df.png","caption":"PlantUML Class Diagram Code Example"},{"@type":"BreadcrumbList","@id":"https:\/\/www.learn-vp.com\/pl\/gallery\/plantuml-class-diagram-code-example\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.learn-vp.com\/pl\/"},{"@type":"ListItem","position":2,"name":"Accelerating UML Modeling with AI in VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/www.learn-vp.com\/pl\/#website","url":"https:\/\/www.learn-vp.com\/pl\/","name":"Learn VP","description":"Learn VP","publisher":{"@id":"https:\/\/www.learn-vp.com\/pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.learn-vp.com\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/www.learn-vp.com\/pl\/#organization","name":"Learn VP","url":"https:\/\/www.learn-vp.com\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.learn-vp.com\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/www.learn-vp.com\/pl\/wp-content\/uploads\/sites\/10\/2026\/08\/cropped-Gemini_Generated_Image_n6bgztn6bgztn6bg-clean-e1787131920742.png","contentUrl":"https:\/\/www.learn-vp.com\/pl\/wp-content\/uploads\/sites\/10\/2026\/08\/cropped-Gemini_Generated_Image_n6bgztn6bgztn6bg-clean-e1787131920742.png","width":463,"height":404,"caption":"Learn VP"},"image":{"@id":"https:\/\/www.learn-vp.com\/pl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.learn-vp.com\/pl\/wp-json\/wp\/v2\/gallery\/7677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.learn-vp.com\/pl\/wp-json\/wp\/v2\/gallery"}],"about":[{"href":"https:\/\/www.learn-vp.com\/pl\/wp-json\/wp\/v2\/types\/gallery"}],"author":[{"embeddable":true,"href":"https:\/\/www.learn-vp.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.learn-vp.com\/pl\/wp-json\/wp\/v2\/media\/7812"}],"wp:attachment":[{"href":"https:\/\/www.learn-vp.com\/pl\/wp-json\/wp\/v2\/media?parent=7677"}],"wp:term":[{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.learn-vp.com\/pl\/wp-json\/wp\/v2\/asset-category?post=7677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}