{"id":336,"date":"2026-10-05T03:35:56","date_gmt":"2026-10-05T03:35:56","guid":{"rendered":"https:\/\/video.visual-paradigm.com\/de\/video\/create-class-diagram-from-image-using-vpascode\/"},"modified":"2026-10-05T03:41:09","modified_gmt":"2026-10-05T03:41:09","slug":"create-class-diagram-from-image-using-vpascode","status":"publish","type":"aiovg_videos","link":"https:\/\/video.visual-paradigm.com\/de\/video\/create-class-diagram-from-image-using-vpascode\/","title":{"rendered":"So konvertieren Sie Klassendiagramm-Skizzen mit KI in UML-Modelle"},"content":{"rendered":"<h2>Verwandeln Sie grobe Skizzen in bearbeitbare Modelle<\/h2>\n<p>W\u00e4hrend Brainstorming-Sitzungen und Teammeetings beginnt die Softwarearchitektur oft auf Whiteboards oder Papier. Die \u00dcbertragung dieser handgezeichneten Skizzen in formale Modellierungssoftware kann zeitaufw\u00e4ndig und m\u00fchsam sein. Mit KI-gest\u00fctzter Bilderkennung k\u00f6nnen Sie die L\u00fccke zwischen erster Ideenfindung und formaler Softwarearchitektur \u00fcberbr\u00fccken.<\/p>\n<h3>1. Hochladen von Diagrammbildern zur Konvertierung<\/h3>\n<p>Um eine Skizze oder ein Foto eines Whiteboards in ein digitales UML-Klassendiagramm zu konvertieren, befolgen Sie diese einfachen Schritte in Visual Paradigm Desktop:<\/p>\n<ul>\n<li>\u00d6ffnen Sie das Befehlsmen\u00fc in Visual Paradigm Desktop.<\/li>\n<li>Navigieren Sie zu<a href=\"https:\/\/online.visual-paradigm.com\/unified-platform\/\"><strong>Unified Platform<\/strong><\/a>und w\u00e4hlen Sie<a href=\"https:\/\/www.vpascode.com\/editor\/\"><strong>VPasCode<\/strong><\/a>.<\/li>\n<li>Klicken Sie auf<strong>KI generieren<\/strong>und w\u00e4hlen Sie<strong>Bild hochladen<\/strong>.<\/li>\n<li>Laden Sie Ihre Skizze oder Ihr Diagrammfoto hoch.<\/li>\n<li>Geben Sie einen Prompt ein, mit dem Sie die KI auffordern, das Diagramm basierend auf dem bereitgestellten Bild neu zu erstellen.<\/li>\n<\/ul>\n<p>In wenigen Sekunden verarbeitet das System das Bild und erstellt ein sauberes visuelles Diagramm zusammen mit dem entsprechenden Quellcode. Obwohl das automatisierte Layout leicht von Ihrem urspr\u00fcnglichen Layout abweichen kann, werden alle Klassen, Attribute und Beziehungen pr\u00e4zise erhalten.<\/p>\n<section>\n<h2>Verfeinerung von Modellen mit Code und KI-Prompts<\/h2>\n<p>Sobald Ihr erstes Diagramm erstellt wurde, k\u00f6nnen Sie es schnell mit zwei Bearbeitungsmodi \u00e4ndern und erweitern: direkte Codebearbeitung oder nat\u00fcrliche Sprach-KI-Prompts. F\u00fcr umfassende Syntaxregeln und Modellierungskonventionen wenden Sie sich an unsere detaillierte<a href=\"https:\/\/chat.visual-paradigm.com\/docs\/uml-class-diagram-the-definitive-guide-to-modeling-system-structure-with-ai\/\">UML-Klassendiagramm-Leitfaden<\/a>.<\/p>\n<h3>Direkte Codebearbeitung<\/h3>\n<p>Jedes Diagramm wird durch leichten, lesbaren Code unterst\u00fctzt. Die \u00c4nderung des Codes aktualisiert sofort das Diagrammlayout. Beispielsweise aktualisiert das Hinzuf\u00fcgen eines Attributs wie<code>+ MwSt: double<\/code>direkt innerhalb eines<code>Unternehmen<\/code>Klassenblocks das gerenderte visuelle Modell sofort, ohne dass ein manuelles Neichnen erforderlich ist.<\/p>\n<h3>KI-gest\u00fctzte Klassenvollendung<\/h3>\n<p>Sie k\u00f6nnen den KI-Assistenten auch anweisen, mehrstufige \u00c4nderungen automatisch durchzuf\u00fchren. Geben Sie einfach Textanweisungen in Klartext ein, wie zum Beispiel:<\/p>\n<blockquote>\n<p><em>\u201eF\u00fcgen Sie f\u00fcr das Attribut MwSt. in der Klasse Company Getter- und Setter-Methoden hinzu und f\u00fcgen Sie der Klasse Employee ein Attribut f\u00fcr die Telefonnummer mit Getter- und Setter-Methoden hinzu.&#8220;<\/em><\/p>\n<\/blockquote>\n<p>Die KI interpretiert den Befehl und aktualisiert sowohl das Diagramm als auch den zugrunde liegenden Code sofort.<\/p>\n<\/section>\n<section>\n<h2>Importieren und Ver\u00f6ffentlichen in OpenDocs<\/h2>\n<p>Nach der Verfeinerung Ihres Diagramms k\u00f6nnen Sie es nahtlos in vollst\u00e4ndige Systemdesign-Artefakte und Dokumentations-Pipelines \u00fcberf\u00fchren.<\/p>\n<h3>Konvertierung in Modell-Assets<\/h3>\n<p>Klicken Sie auf<strong>In Visual Paradigm importieren<\/strong>, um Ihr auf Code basierendes Diagramm in ein vollst\u00e4ndiges Visual Paradigm-Modell-Asset zu konvertieren. Dies erm\u00f6glicht es Ihnen, die gesamte Suite fortschrittlicher visueller Bearbeitungsfunktionen, Elementverkn\u00fcpfungen und Modellverwaltungstools zu nutzen.<\/p>\n<h3>Ver\u00f6ffentlichen in technischer Dokumentation<\/h3>\n<p>Um Ihr neues UML-Diagramm in die Projektdokumentation zu integrieren:<\/p>\n<ol>\n<li>\u00d6ffnen Sie das rechte Bedienfeld Ihres Diagramms und w\u00e4hlen Sie<strong>In die Pipeline senden<\/strong>.<\/li>\n<li>Zur\u00fcckkehren zu<strong>Einheitliche Plattform<\/strong> und starten Sie<strong>OpenDocs<\/strong>.<\/li>\n<li>\u00d6ffnen oder erstellen Sie eine Seite, klicken Sie auf<strong>Einf\u00fcgen<\/strong>, w\u00e4hlen Sie<strong>Pipeline<\/strong> und w\u00e4hlen Sie Ihr aktualisiertes Diagramm aus.<\/li>\n<\/ol>\n<p>Ihr Klassendiagramm ist nun vollst\u00e4ndig in Ihren Lebenszyklus der technischen Dokumentation integriert und h\u00e4lt Ihre Softwaremodelle \u00fcber Ihr Entwicklungsteam hinweg synchron.<\/p>\n<\/section>\n<section>\n<h3 data-path-to-node=\"2\">Bereit, Ihren Diagramm-Arbeitsablauf mit VPasCode zu transformieren?<\/h3>\n<p data-path-to-node=\"3\">Verzichten Sie auf manuelle Zeichenwerkzeuge und gehen Sie direkt von der Idee zum Code. Ob Sie Klartext eingeben oder eine physische Whiteboard-Skizze scannen \u2013 VPasCode verwandelt Ihre Konzepte in Sekunden in saubere, vollst\u00e4ndig bearbeitbare UML-Klassendiagramme.<\/p>\n<p data-path-to-node=\"4\"><a class=\"ng-star-inserted\" data-hveid=\"0\" data-ved=\"0CAAQ_4QMahgKEwiKou7-5qGXAxUAAAAAHQAAAAAQlAI\" href=\"https:\/\/www.vpascode.com\/editor\/\" rel=\"noopener\" target=\"_blank\">Probieren Sie den VPasCode-Editor aus<\/a><\/p>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Verwandeln Sie grobe Skizzen in bearbeitbare Modelle W\u00e4hrend Brainstorming-Sitzungen und Teammeetings beginnt die Softwarearchitektur oft auf Whiteboards oder Papier. Die [&hellip;]<\/p>\n","protected":false},"author":2,"comment_status":"closed","ping_status":"closed","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":""}}},"aiovg_categories":[19],"aiovg_tags":[],"class_list":["post-336","aiovg_videos","type-aiovg_videos","status-publish","has-post-thumbnail","hentry","aiovg_categories-vpascode"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>So konvertieren Sie Klassendiagramm-Skizzen mit KI in UML-Modelle - Visual Paradigm Video Hub<\/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:\/\/video.visual-paradigm.com\/de\/video\/create-class-diagram-from-image-using-vpascode\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"So konvertieren Sie Klassendiagramm-Skizzen mit KI in UML-Modelle - Visual Paradigm Video Hub\" \/>\n<meta property=\"og:description\" content=\"Verwandeln Sie grobe Skizzen in bearbeitbare Modelle W\u00e4hrend Brainstorming-Sitzungen und Teammeetings beginnt die Softwarearchitektur oft auf Whiteboards oder Papier. Die [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/video.visual-paradigm.com\/de\/video\/create-class-diagram-from-image-using-vpascode\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Video Hub\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-05T03:41:09+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/video.visual-paradigm.com\\\/de\\\/video\\\/create-class-diagram-from-image-using-vpascode\\\/\",\"url\":\"https:\\\/\\\/video.visual-paradigm.com\\\/de\\\/video\\\/create-class-diagram-from-image-using-vpascode\\\/\",\"name\":\"So konvertieren Sie Klassendiagramm-Skizzen mit KI in UML-Modelle - Visual Paradigm Video Hub\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/video.visual-paradigm.com\\\/de\\\/#website\"},\"datePublished\":\"2026-10-05T03:35:56+00:00\",\"dateModified\":\"2026-10-05T03:41:09+00:00\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/video.visual-paradigm.com\\\/de\\\/video\\\/create-class-diagram-from-image-using-vpascode\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/video.visual-paradigm.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/video.visual-paradigm.com\\\/de\\\/\",\"name\":\"Visual Paradigm Video Hub\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/video.visual-paradigm.com\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/video.visual-paradigm.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/video.visual-paradigm.com\\\/de\\\/#organization\",\"name\":\"Visual Paradigm Video Hub\",\"url\":\"https:\\\/\\\/video.visual-paradigm.com\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/video.visual-paradigm.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/video.visual-paradigm.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/09\\\/VPStartPageLogo.svg\",\"contentUrl\":\"https:\\\/\\\/video.visual-paradigm.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/09\\\/VPStartPageLogo.svg\",\"width\":270,\"height\":66,\"caption\":\"Visual Paradigm Video Hub\"},\"image\":{\"@id\":\"https:\\\/\\\/video.visual-paradigm.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"So konvertieren Sie Klassendiagramm-Skizzen mit KI in UML-Modelle - Visual Paradigm Video Hub","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:\/\/video.visual-paradigm.com\/de\/video\/create-class-diagram-from-image-using-vpascode\/","og_locale":"de_DE","og_type":"article","og_title":"So konvertieren Sie Klassendiagramm-Skizzen mit KI in UML-Modelle - Visual Paradigm Video Hub","og_description":"Verwandeln Sie grobe Skizzen in bearbeitbare Modelle W\u00e4hrend Brainstorming-Sitzungen und Teammeetings beginnt die Softwarearchitektur oft auf Whiteboards oder Papier. Die [&hellip;]","og_url":"https:\/\/video.visual-paradigm.com\/de\/video\/create-class-diagram-from-image-using-vpascode\/","og_site_name":"Visual Paradigm Video Hub","article_modified_time":"2026-10-05T03:41:09+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/video.visual-paradigm.com\/de\/video\/create-class-diagram-from-image-using-vpascode\/","url":"https:\/\/video.visual-paradigm.com\/de\/video\/create-class-diagram-from-image-using-vpascode\/","name":"So konvertieren Sie Klassendiagramm-Skizzen mit KI in UML-Modelle - Visual Paradigm Video Hub","isPartOf":{"@id":"https:\/\/video.visual-paradigm.com\/de\/#website"},"datePublished":"2026-10-05T03:35:56+00:00","dateModified":"2026-10-05T03:41:09+00:00","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/video.visual-paradigm.com\/de\/video\/create-class-diagram-from-image-using-vpascode\/"]}]},{"@type":"WebSite","@id":"https:\/\/video.visual-paradigm.com\/de\/#website","url":"https:\/\/video.visual-paradigm.com\/de\/","name":"Visual Paradigm Video Hub","description":"","publisher":{"@id":"https:\/\/video.visual-paradigm.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/video.visual-paradigm.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/video.visual-paradigm.com\/de\/#organization","name":"Visual Paradigm Video Hub","url":"https:\/\/video.visual-paradigm.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/video.visual-paradigm.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/video.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/4\/2026\/09\/VPStartPageLogo.svg","contentUrl":"https:\/\/video.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/4\/2026\/09\/VPStartPageLogo.svg","width":270,"height":66,"caption":"Visual Paradigm Video Hub"},"image":{"@id":"https:\/\/video.visual-paradigm.com\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/video.visual-paradigm.com\/de\/wp-json\/wp\/v2\/aiovg_videos\/336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/video.visual-paradigm.com\/de\/wp-json\/wp\/v2\/aiovg_videos"}],"about":[{"href":"https:\/\/video.visual-paradigm.com\/de\/wp-json\/wp\/v2\/types\/aiovg_videos"}],"author":[{"embeddable":true,"href":"https:\/\/video.visual-paradigm.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/video.visual-paradigm.com\/de\/wp-json\/wp\/v2\/comments?post=336"}],"wp:attachment":[{"href":"https:\/\/video.visual-paradigm.com\/de\/wp-json\/wp\/v2\/media?parent=336"}],"wp:term":[{"taxonomy":"aiovg_categories","embeddable":true,"href":"https:\/\/video.visual-paradigm.com\/de\/wp-json\/wp\/v2\/aiovg_categories?post=336"},{"taxonomy":"aiovg_tags","embeddable":true,"href":"https:\/\/video.visual-paradigm.com\/de\/wp-json\/wp\/v2\/aiovg_tags?post=336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}