SourceCanvas
App Store

Neu · 1.6.18

SourceCanvas

Die AI zeichnet. Auf dem Mac sehen Sie das echte Diagramm.

Version 1.6.18 ergänzt vollständig offline gerendertes PlantUML mit Dokumenten, Vorlagen, Sicherheitsdiagnosen, Agent Preview und MCP-Workflows.

App Store Tutorial ansehen
  • Für gängige MCP-AI-Hosts
  • Lokale Vorschau ohne Dokument-Upload
  • 20 Mermaid-Typen plus weitere Formate
SourceCanvas Mac Screenshot mit breiter Vorschau

Neu in SourceCanvas 1.6.18

Codex, ChatGPT, Gemini CLI, Qwen Code oder eine andere AI verwandelt Abläufe, Systeme und Ideen in Mermaid, PlantUML, Graphviz oder SVG. SourceCanvas empfängt sie per lokalem MCP, prüft und zeigt sie live und hält sie bearbeitbar und exportierbar.

PlantUML vollständig offline

.puml-, .plantuml-, .iuml- und .pu-Dokumente öffnen, mit einer Sequenzvorlage beginnen und SVG, Vektor-PDF oder PNG lokal exportieren.

macOS MCP Agent

Der neue signierte lokale Agent Service bietet sieben Diagrammwerkzeuge, Resources, Prompts und native AI-Preview-Fenster.

Gängige AI-Hosts verbinden

ChatGPT/Codex, Claude Desktop, Cursor, Visual Studio Code, Gemini CLI und Qwen Code erkennen und konfigurieren. Andere MCP-kompatible Hosts nutzen die kopierten Verbindungseinstellungen.

Sicheres Einzeldateimodell

PlantUML include/import sowie URL- und Dateibilder werden blockiert; Inline-Definitionen, Sprites, integrierte Themes, Emoji und OpenIconic bleiben offline verfügbar.

Zuverlässigere Dokument- und Agent-Abläufe

Unter Mac lassen sich alle unterstützten Formate zuverlässiger öffnen oder ablegen, auch Graphviz-.dot-Dateien mit anderer App-Zuordnung. Agent-Service-Start und Verbindungsdiagnose wurden ebenfalls verbessert.

Kernfunktionen

Kein Wechsel zwischen AI-Chat, Online-Renderer und Exportwerkzeug: SourceCanvas bündelt Prüfung und Ausgabe AI-erzeugter Diagramme in einem Mac-Arbeitsbereich.

Lokales Diagrammfenster für AI

Agent Service kann AI-Diagramme auf dem Mac prüfen, rendern und im selben nativen Vorschaufenster fortlaufend aktualisieren.

Von der Beschreibung zum sichtbaren Ergebnis

Ablauf, Architektur, Datenbank oder Plan der gewohnten AI beschreiben und danach Quelle und gerendertes Diagramm direkt prüfen.

Viele Diagrammarten anzeigen

Flowcharts, Sequenz- und Architekturdiagramme, Klassen-, Zustands- und ER-Diagramme, Gantt, Mindmaps, Timelines, Kanban und Datencharts.

Prüfen ohne Syntaxwissen

Automatic erkennt das Format; Einpassen, Zoom, Hintergründe und verständliche Fehlerpositionen helfen bei Texten, Linien und Hierarchien.

Lokal speichern und klar exportieren

Das Rendering läuft auf dem Gerät. Quelle speichern oder SVG, Vektor-PDF und PNG 1x/2x/3x für Dokumente und Präsentationen exportieren.

Das Diagrammfenster für Ihre AI auf dem Mac

SourceCanvas 1.6.18 enthält unter macOS einen signierten lokalen MCP Server. Sie wählen Host, Konfigurationszugriff und Dateiordner; SourceCanvas erstellt bearbeitbare Live-Vorschauen.

Beschreiben Sie der AI den gewünschten Ablauf, die Systembeziehung, den Projektplan oder die Wissensstruktur. Die AI erstellt PlantUML, Mermaid, Graphviz oder SVG; SourceCanvas prüft und zeigt das Ergebnis lokal. Bei langen Programmieraufgaben hält dieselbe Preview ID Architektur oder Fortschritt aktuell.

ChatGPT/Codex, Claude, Cursor, Visual Studio Code, Gemini und Qwen Code direkt konfigurieren; andere MCP-Hosts nutzen kopierte Verbindungseinstellungen.

SourceCanvas-Einstellungen für MCP und Agents unter macOS: Beliebte AI-Hosts verbinden
Beliebte AI-Hosts verbindenChatGPT/Codex, Claude, Cursor, Visual Studio Code, Gemini und Qwen Code direkt einrichten oder MCP-Einstellungen für andere kompatible Hosts kopieren.
SourceCanvas-Einstellungen für MCP und Agents unter macOS: Erst nach Freigabe schreiben
Erst nach Freigabe schreibenSourceCanvas ändert nur den eigenen Eintrag, fragt nach Zugriff und behält eine lokale Sicherung.
SourceCanvas-Einstellungen für MCP und Agents unter macOS: Verbindung diagnostizieren
Verbindung diagnostizierenLokalen Dienst, signierten CLI-Pfad und stdio/XPC-Verbindungsstatus prüfen.
SourceCanvas-Einstellungen für MCP und Agents unter macOS: Live-AI-Vorschau
Live-AI-VorschauEin Agent aktualisiert SVG, Mermaid, Graphviz oder PlantUML fortlaufend, während SourceCanvas den aktuellen Stand in einem nativen Fenster zeigt.

Lokalen Dienst aktivieren

Agent Service unter Einstellungen > MCP & Agent aktivieren und die Verbindungsdiagnose ausführen. Der Dienst bleibt auf diesem Mac.

Ihre AI verbinden

sourcecanvas zu ChatGPT/Codex, Claude Desktop, Cursor, Visual Studio Code, Gemini CLI oder Qwen Code hinzufügen. Für andere MCP-Hosts die kopierten Verbindungseinstellungen einfügen.

Prüfen, anzeigen und exportieren

Sieben MCP-Tools erkennen, validieren, rendern, untersuchen und exportieren SVG, Mermaid, Graphviz und PlantUML. Eine Preview ID aktualisiert ein natives AI-Preview-Fenster, auch für Live-Diagramme in langen Arbeitsläufen.

SourceCanvas ändert nur den eigenen MCP-Eintrag und bewahrt lokale Sicherungen auf. Host-Vertrauen und automatische Tool-Freigabe bleiben unverändert. MCP nutzt lokales stdio/XPC; Agent Service ist nur unter macOS verfügbar.

Datenschutz lesen Einrichtungshilfe öffnen

Vollständig offline

PlantUML wird in SourceCanvas 1.6.18 vollständig unterstützt

PlantUML-Sequenz-, Klassen- und Aktivitätsdiagramme öffnen oder einfügen. Die offizielle Runtime ist in die App integriert; Server, Java oder externes Graphviz sind nicht erforderlich. Das sichere Einzeldateimodell blockiert include/import und externe Bilder.

Im App Store ansehen
In SourceCanvas 1.6.18 gerendertes PlantUML-Sequenzdiagramm
Echte App-Aufnahme: PlantUML-Quelltext, Syntaxhervorhebung und Offline-Vorschau nebeneinander.

Mermaid-Diagramme zum Schreiben

SourceCanvas konzentriert sich darauf, lesbaren Code in nützliche Diagramme zu verwandeln. Mit bekannten Diagrammnamen anfangen und nach Bedarf weitere Stile lernen.

Ablauf und Struktur

  • Flowchart / Graph
  • Sequenzdiagramm
  • Klassendiagramm
  • Zustandsdiagramm
  • Entity-Relationship-Diagramm
  • Anforderungsdiagramm
  • C4-Kontextdiagramm
  • Architekturdiagramm
  • Blockdiagramm

Planung und Wissen

  • Gantt-Diagramm
  • Mindmap
  • Zeitleiste
  • Git-Graph
  • User Journey
  • Kanban

Daten und Analyse

  • Kreisdiagramm
  • Quadrantendiagramm
  • Sankey-Diagramm
  • XY-Diagramm

Spezialdiagramme

  • Paketdiagramm

Einige neuere Diagrammstile können sich weiterentwickeln; Flowcharts, Sequenzdiagramme, Gantt-Charts und Mindmaps sind gute Einstiege.

Tutorial zum Zeichnen mit Code

Diagrammcode schreiben, Modus wählen, Ergebnis prüfen und speichern oder exportieren: vier Schritte, die unten umgeschaltet werden können.

Diagrammcode schreiben oder lokale Datei öffnen

PlantUML-, Mermaid- oder Graphviz-DOT-Code schreiben. .svg, .mmd, .mermaid, .dot, .gv, .puml, .plantuml, .iuml und .pu lassen sich direkt öffnen.

  • Gut zum Lernen von Mermaid-Diagrammen aus Beispielen.
  • Gut zum Pflegen von Dokumentations-Flowcharts und Architekturdiagrammen.
  • macOS unterstützt Drag & Drop; iOS, iPadOS und visionOS nutzen den System-Dateieinstieg.
SourceCanvas Arbeitsbereich mit SVG-Vorschau
Das Tutorial behandelt Einfügen, Dateiöffnung, Moduswechsel, Zoomprüfung und Export.

Unterstützte Plattformen

Derselbe Vorschauablauf passt sich Desktop, Touchscreens und Spatial Computing an und nutzt Layouts passend zur Bildschirmgröße.

Mac: breiter Arbeitsbereich mit Tastaturfokus

Auf breiten Bildschirmen bleiben Quelle und Vorschau nebeneinander, ideal zwischen Code, Dokumenten und Designwerkzeugen.

SourceCanvas Mac Screenshot mit breiter Vorschau

Für alltägliche AI-Diagrammaufgaben

Suchbegriffe wie AI Diagram Generator, AI Flowchart, Text zu Diagramm, Mermaid Editor und Diagramm Viewer beschreiben denselben Bedarf: ein AI-Ergebnis verlässlich ansehen und verwenden.

AI-Flowcharts

Geschäftsschritte, Freigaben oder Anleitungen von einer AI strukturieren lassen und Knoten, Entscheidungen und Verbindungen prüfen.

Systeme und Architektur

AI-erzeugte Sequenz-, Komponenten-, Service-, Klassen-, Zustands- und Datenbank-ER-Diagramme ansehen.

Planung und Wissen

Projekte, Unterricht, Forschung oder Alltag mit Gantt, Timelines, Mindmaps, User Journeys und Kanban strukturieren.

Mermaid- und UML-Vorschau

Mermaid, PlantUML, Graphviz DOT, SVG oder passende Markdown-Codeblöcke einer AI lokal rendern.

Export für Dokumente

Geprüfte Diagramme als SVG, PNG oder Vektor-PDF für Berichte, Folien, Anforderungen und Anleitungen exportieren.

FAQ

Kurze Antworten zu SVG, Mermaid, Graphviz, PlantUML, Dateiformaten, Datenschutz und Vektorexport.

Ist SourceCanvas kostenlos?

Diese Website zeigt die Funktionen des leichten lokalen Vorschauwerkzeugs. Tatsächliche Preise und Verfügbarkeit bitte auf der App-Store-Seite prüfen.

Lädt SourceCanvas meine Dateien hoch?

Nein. SVG, Mermaid, Graphviz und PlantUML werden auf dem Gerät gerendert. Nur nach Aktivierung sicherer Remote-Ressourcen verbindet sich die App mit den im SVG genannten HTTPS- oder lokalen Hosts.

Welche Dateiformate werden unterstützt?

.svg, .mmd, .mermaid, Graphviz .dot/.gv, PlantUML .puml/.plantuml/.iuml/.pu sowie passende Markdown-Codeblöcke werden unterstützt.

Kann ich Dateien aus dem Finder ablegen?

Ja. Die Mac-App akzeptiert alle registrierten Quellformate. Auch wenn eine andere App die Endung .dot beansprucht, öffnet SourceCanvas die Datei als Graphviz-Quelltext. iPhone, iPad und Apple Vision Pro verwenden den System-Dokumentbrowser.

Warum lassen sich Mermaid-Hintergründe ändern?

Dokumente und Designs nutzen verschiedene Hintergründe. Transparent, weiß, papierfarben, neblig und dunkel helfen, Kontrast- und Randprobleme früher zu erkennen.

Wofür eignen sich SVG-, PNG- und PDF-Export?

SVG und Vektor-PDF eignen sich für verlustfreie Skalierung in Dokumenten und Reviews. PNG 1x/2x/3x passt zu Tickets, Chat und Raster-Workflows.

Was hat sich bei iOS-Speichern und Export geändert?

Systemdokumente speichern Quellcode automatisch; Namen und Speicherorte verwaltet der Dokumentbrowser. Der Vorschau-Export bleibt mit PNG 1x, PNG 2x, PNG 3x und PDF getrennt.

Verwendet SourceCanvas ein eigenes AI-Modell?

Nein. Sie nutzen weiterhin Codex, ChatGPT, Gemini, Qwen Code oder eine andere AI. SourceCanvas empfängt, prüft, zeigt, bearbeitet und exportiert deren Diagramme lokal auf dem Mac.

Welche AI-Systeme kann SourceCanvas verbinden?

Unter macOS werden ChatGPT/Codex, Claude Desktop, Cursor, Visual Studio Code, Gemini CLI und Qwen Code direkt konfiguriert. Andere lokale stdio-MCP-Hosts verwenden kopierte Verbindungseinstellungen; automatische Freigaben bleiben aus.