{"version":"1.0","provider_name":"Learn VP","provider_url":"https:\/\/www.learn-vp.com\/ru","author_name":"vpadmin","author_url":"https:\/\/www.learn-vp.com\/ru\/author\/vpadmin\/","title":"Accelerating UML Modeling with AI in VPasCode - Learn VP","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"L4HePPjwvb\"><a href=\"https:\/\/www.learn-vp.com\/ru\/gallery\/plantuml-class-diagram-code-example\/\">Accelerating UML Modeling with AI in VPasCode<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.learn-vp.com\/ru\/gallery\/plantuml-class-diagram-code-example\/embed\/#?secret=L4HePPjwvb\" width=\"600\" height=\"338\" title=\"\u00abAccelerating UML Modeling with AI in VPasCode\u00bb &#8212; Learn VP\" data-secret=\"L4HePPjwvb\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.learn-vp.com\/ru\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","thumbnail_url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a85129e451df.png","thumbnail_width":1024,"thumbnail_height":1024,"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."}