{"id":2872,"date":"2026-09-28T14:51:20","date_gmt":"2026-09-28T06:51:20","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/de\/releases\/ai-diagram-generation-from-image-vpascode\/"},"modified":"2026-09-28T14:51:20","modified_gmt":"2026-09-28T06:51:20","slug":"ai-diagram-generation-from-image-vpascode","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/de\/releases\/ai-diagram-generation-from-image-vpascode\/","title":{"rendered":"Verwandeln Sie Diagrammbilder mit VPasCode AI in bearbeitbaren Code"},"content":{"rendered":"

\"Handgezeichnetes<\/p>\n

Diagramme sind oft der schnellste Weg, ein System, einen Workflow, eine Architektur oder einen Gesch\u00e4ftsprozess zu erkl\u00e4ren. Die Nachbildung eines bestehenden Diagramms in einem Diagramm-Tool kann jedoch erhebliche Zeit in Anspruch nehmen \u2013 insbesondere, wenn das Originaldiagramm nur als Bild verf\u00fcgbar ist.<\/p>\n

Visual Paradigm hat VPasCode<\/a> um eine bildbasierte KI-Diagrammerstellung<\/strong> erweitert. Sie k\u00f6nnen nun ein Diagrammbild zusammen mit einer Textanweisung hochladen und die KI anweisen, bearbeitbaren Diagrammcode basierend auf der visuellen Referenz zu generieren.<\/p>\n

Das Bild kann ein in einer anderen Anwendung erstelltes Diagramm, ein Screenshot aus einem Dokument oder einer Website, ein Diagramm aus einem Buch oder sogar eine handgezeichnete Skizze sein. Anstatt jede Form, Beschriftung und Beziehung manuell neu zu erstellen, k\u00f6nnen Sie VPasCode verwenden, um einen Ausgangspunkt im Diagramm-als-Code-Format zu erstellen und die Bearbeitung im Browser fortzusetzen.<\/p>\n

Probieren Sie die KI-Diagrammerstellung in VPasCode aus<\/a><\/p>\n

\"Infografik,<\/p>\n

Was ist die KI-Diagrammerstellung in VPasCode?<\/h2>\n

VPasCode ist eine Online-Plattform f\u00fcr Diagramm-als-Code, die textbasierte Diagrammsprachen und strukturierte Daten in visuelle Diagramme umwandelt. Es unterst\u00fctzt g\u00e4ngige Formate wie PlantUML, Mermaid, Graphviz, Markmap, ECharts, JSON, YAML, XML, CSV, DBML, SQL und mehr.<\/p>\n

Vor dieser Erweiterung funktionierte die KI-Diagrammerstellung<\/a> Funktion haupts\u00e4chlich auf Textanweisungen. Sie konnten beispielsweise einen Prompt wie diesen eingeben:<\/p>\n

\n

Erstellen Sie ein Use-Case-Diagramm in PlantUML f\u00fcr ein Versicherungssystem.<\/p>\n<\/blockquote>\n

VPasCode generierte daraufhin Diagrammcode aus Ihrer Beschreibung. Da nun auch die Eingabe von Bildern m\u00f6glich ist, k\u00f6nnen Sie sowohl eine visuelle Referenz als auch eine Anweisung in nat\u00fcrlicher Sprache bereitstellen. Dies erleichtert es, die Struktur eines bestehenden Diagramms nachzubilden, ein visuelles Konzept in bearbeitbaren Code umzuwandeln oder ein Bild als Ausgangspunkt f\u00fcr ein neues Diagramm zu verwenden.<\/p>\n

Sie k\u00f6nnen beispielsweise ein Sequenzdiagramm hochladen und Folgendes eingeben:<\/p>\n

\n

Erstellen Sie ein Sequenzdiagramm in PlantUML basierend auf dem bereitgestellten Bild.<\/p>\n<\/blockquote>\n

VPasCode analysiert das hochgeladene Bild, interpretiert die Diagrammstruktur und generiert Code, der im Editor gerendert wird. Anschlie\u00dfend k\u00f6nnen Sie das Ergebnis \u00fcberpr\u00fcfen, den Code anpassen und das Diagramm verfeinern, um es Ihren Anforderungen anzupassen.<\/p>\n

So generieren Sie Diagrammcode aus einem Bild<\/h2>\n

Die Erstellung eines KI-generierten Diagramms aus einem Bild erfordert nur wenige Schritte.<\/p>\n

    \n
  1. \u00d6ffnen Sie KI-Generierung.<\/strong> Klicken Sie in VPasCode oben in der Anwendung auf KI-Generierung<\/strong>. Das Dialogfeld f\u00fcr die KI-Generierung wird angezeigt.\n

    \"\"<\/p>\n<\/li>\n

  2. Laden Sie Ihr Diagrammbild hoch.<\/strong> Klicken Sie Bild hochladen<\/strong> am unteren Rand des Dialogs und w\u00e4hlen Sie ein Bild von Ihrem Computer aus. Sie k\u00f6nnen ein Bild auch in die Zwischenablage kopieren und Strg+V<\/strong> um es direkt in das Dialogfeld einzuf\u00fcgen.\n

    \"Laden<\/p>\n<\/li>\n

  3. Geben Sie eine Anweisung ein.<\/strong> Beschreiben Sie, was VPasCode generieren soll, und geben Sie die gew\u00fcnschte Diagrammsprache oder das gew\u00fcnschte Format an. Beispiel: Generieren Sie ein Sequenzdiagramm in PlantUML basierend auf dem bereitgestellten Bild.
    \n<\/em><\/em><\/p>\n

    \"Diagrammbeschreibung<\/p>\n<\/li>\n

  4. Klicken Sie auf KI-Generieren.<\/strong> VPasCode verarbeitet das Bild und die Anweisung und generiert anschlie\u00dfend Diagrammcode.\n

    \"Diagramm<\/p>\n<\/li>\n

  5. \u00dcberpr\u00fcfen und bearbeiten Sie das Ergebnis.<\/strong> Der generierte Code wird auf der linken Seite des VPasCode-Editors angezeigt, w\u00e4hrend das gerenderte Diagramm auf der rechten Seite erscheint. Sie k\u00f6nnen den Code bearbeiten und das visuelle Ergebnis in Echtzeit aktualisiert sehen.\n

    \"Ein<\/p>\n<\/li>\n<\/ol>\n

    Dieser Workflow bietet Ihnen die Geschwindigkeit der KI-Diagrammerstellung und bewahrt gleichzeitig die Flexibilit\u00e4t von Diagramm-as-Code. Das generierte Ergebnis ist kein statisches Bild, das Sie nur betrachten k\u00f6nnen. Es wird zu bearbeitbarem Code, den Sie verfeinern, erweitern, teilen und wiederverwenden k\u00f6nnen.<\/p>\n

    Welche Bilder k\u00f6nnen Sie verwenden?<\/h2>\n

    Die Bild-Eingabefunktion ist n\u00fctzlich, wenn Ihr Diagramm visuell vorhanden ist, aber nicht in einem bearbeitbaren Diagrammformat. M\u00f6gliche Quellen sind:<\/p>\n