SourceCanvas
App Store

Neu · 1.7

SourceCanvas

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

SourceCanvas 1.7 ist verfügbar und kostenlos ladbar. SVG kostenlos bearbeiten und live ansehen, weitere Diagrammformate testen und professionelle Exporte sowie Mac-Automation mit Lifetime Pro per Einmalkauf freischalten.

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.7

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.

Kostenloses SVG, zugängliche Quelldateien

SVG kostenlos erstellen, bearbeiten und live ansehen. Quelldateien für SVG, Mermaid, Graphviz und PlantUML lassen sich auch ohne Kauf jederzeit öffnen, bearbeiten und speichern.

Drei separate 10-Minuten-Tests

Mermaid, Graphviz und PlantUML lassen sich pro Gerät und Format einmal 10 Minuten ohne Unterbrechung testen. Der Timer beginnt erst nach der ersten erfolgreichen Darstellung des jeweiligen Formats.

Ein Kauf, Lifetime Pro

SVG-, PNG-Exporte in 1×/2×/3×, Vektor-PDF, nicht leere Vorlagen, vollständige Nicht-SVG-Vorschauen nach dem Test und Mac-MCP/Agent mit nativer AI Preview freischalten. Kein Abo.

Frühere Käufer behalten Pro

Wer die kostenpflichtige App vor der Umstellung erworben hat, behält automatisch Legacy Pro mit denselben Funktionen wie Lifetime Pro. Kein erneuter Kauf erforderlich.

Auf allen Geräten kaufen und wiederherstellen

Direkt auf iPhone, iPad, Mac oder Apple Vision Pro kaufen und mit demselben Apple Account auf anderen Geräten wiederherstellen. Bei fehlgeschlagener Prüfung erneut versuchen oder Käufe wiederherstellen; Quelldateien bleiben bearbeitbar.

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. In 1.7 benötigen Exporte, nicht leere Vorlagen, vollständige Nicht-SVG-Vorschauen nach dem Test und Mac-MCP/Agent Pro. Quelldateien aller Formate lassen sich kostenlos speichern.

Das Diagrammfenster für Ihre AI auf dem Mac

SourceCanvas 1.7 enthält unter macOS einen signierten lokalen MCP Server. Sie wählen Host, Konfigurationszugriff und Dateiordner; SourceCanvas erstellt bearbeitbare Live-Vorschauen. In 1.7 benötigen Exporte, nicht leere Vorlagen, vollständige Nicht-SVG-Vorschauen nach dem Test und Mac-MCP/Agent Pro. Quelldateien aller Formate lassen sich kostenlos speichern.

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.

SourceCanvas AI Skills Datenschutz lesen Einrichtungshilfe öffnen

Vollständig offline

PlantUML wird in SourceCanvas 1.7 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.7 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?

1.7 kann kostenlos geladen werden. SVG-Bearbeitung und Vorschau sowie das Bearbeiten und Speichern aller Quelldateien sind kostenlos. Jedes andere Format hat einen einmaligen 10-Minuten-Test. Lifetime Pro schaltet weitere Funktionen per Einmalkauf frei; Apple zeigt den lokalen Preis in der App an.

Müssen frühere Käufer Pro erneut kaufen?

Nein. Frühere Käufer der kostenpflichtigen App behalten automatisch gleichwertiges Legacy Pro. Falls der Zugriff fehlt, Käufe mit dem ursprünglichen Apple Account wiederherstellen oder den Zugriff erneut prüfen.

Wie funktionieren die 10-Minuten-Tests?

Mermaid, Graphviz und PlantUML haben pro Gerät und Format einen einmaligen, ununterbrochenen 10-Minuten-Test ab der ersten erfolgreichen Darstellung. Quelldateien bleiben danach bearbeitbar und speicherbar; vollständige Vorschauen benötigen Pro.

Wie stelle ich Käufe wieder her?

In SourceCanvas Pro oder im Kauf- und Berechtigungsbereich Käufe wiederherstellen wählen und denselben Apple Account verwenden. Dies ist auf iPhone, iPad, Mac und Apple Vision Pro möglich.

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.