fygsam - Ein Prozessdiagramm-Editor

Ich muss leider ziemlich oft Prozessdiagramme zeichnen.
Mal mehr, mal weniger komplex. Oft starte ich dabei auf der Makro-Ebene.
Nichts Wildes: Ein Start, ein paar Schritte, eine Entscheidung hier, ein Ende dort.

Bisher war Visio dafür das Mittel der Wahl. Das ist aber für diesen Zweck ungefähr so, als würde man mit dem Bagger Gänseblümchen pflanzen.

Wäre nicht weiter schlimm, wenn es mich nicht jedes Mal aufregen würde, dass am Ende (möglicherweise auch aufgrund meines Unvermögens) alles schief und krumm ist, wenn ich nicht jedes Mal dasselbe Spiel spielen würde: Kästchen aufziehen, ausrichten, Pfeil ziehen, merken, dass ein Schritt fehlt, alles wieder zehn Pixel nach unten schieben und am Ende habe ich mehr Zeit mit dem Verschieben und Ausrichten von Formen verbracht als mit dem eigentlichen Prozess.

Also habe ich mir ein eigenes Werkzeug gebaut. Naja, bauen lassen. Ich bin ja bekanntlich kein richtiger Programmierer und so ist der Code mal wieder in Zusammenarbeit mit Claude entstanden. Das Konzept und die ständige Nörgelei stammen aber komplett von mir. Jaha!

Ich präsentiere: fygsam

Was ist fygsam?

fygsam (/ˈfyːkzaːm/) ist ein Prozessdiagramm-Editor, der komplett im Browser läuft.
Kein Konto, keine Datenbank, keine Cloud. Seite aufrufen, loslegen.

Das Grundprinzip: Das Layout macht die App, nicht du.
Du klickst an einem Knoten auf das „+“ in die gewünschte Richtung, wählst die Form, und der Folgeknoten entsteht automatisch verbunden, zentriert und mit sauberem Abstand. Entscheidungen bekommen ihre Ausgänge, Schleifen laufen ordentlich zurück. Wer es lieber selbst macht, zieht einzelne Knoten per Drag & Drop an die Wunschposition, dann lässt die Automatik sie in Ruhe.

Dazu gibt es:

Neun Formtypen: Start, Ende, Prozess, Entscheidung, Teilprozess, Dokument, Datenquelle, externe Eingabe und Notizen
Rückgängig/Wiederholen, Mehrfachauswahl und Lückenschließen, wenn man einen Knoten gelöscht hat
Prüfen-Funktion: Sie meckert, wenn ein Ende fehlt, eine Entscheidung nur einen Ausgang hat oder eine Verbindung ins Leere läuft
Export als SVG, PNG und sogar Visio (VSDX), falls man das Ergebnis doch noch irgendwo reinreichen muss
Speichern/Laden als JSON-Datei, dazu eine automatische Sicherung im Browser, falls mal ein Tab versehentlich zugeht
Farben, Bezeichnungen und Maße lassen sich über ein paar JSON-Dateien anpassen, ganz ohne Neubuild
Beim ersten Start gibt es ein kurzes Tutorial, damit man nicht erst die Anleitung lesen muss

Und warum nicht einfach …?

Visio: Mächtig, kann inzwischen auch automatisch ausrichten und Abstände angleichen. Das funktionierte bei mir aber immer so semi. Außerdem kostet es Geld und will meist installiert werden. Außerdem ist das Aufräumen ein Befehl, den man nach dem Zeichnen auslöst. Für „mal eben einen Ablauf skizzieren“ ist es mir schlicht zu schwergewichtig.

draw.io / diagrams.net: Super Tool! Wirklich! Mit Layout-Funktionen (die rechnen sogar mit derselben Engine wie fygsam, nämlich ELK). Aber es ist ein Allround-Zeichenprogramm mit unzähligen Möglichkeiten, und das Layout ist ein Menüpunkt, den man zwischendurch aufruft.

Mermaid & Co.: Diagramme als Text sind elegant, solange man nicht doch einmal ein Kästchen verschieben will. Und nicht jeder im Team möchte Syntax lernen, nur um einen Prozess aufzumalen.

Online-Dienste mit Konto: Anmelden, Cloud, Abo, Datenschutzfragen. Bei fygsam bleibt alles im Browser, deine Daten verlassen den Rechner nicht. Die App besteht aus statischen Dateien und läuft auch auf dem simpelsten Webspace.

Was fygsam anders macht

Ganz ehrlich: Einzeln betrachtet ist vieles davon, was fygsam kann, bei den Alternativen (mittlerweile) auch irgendwie möglich. Der Unterschied liegt darin, dass es bei fygsam der Normalfall ist und keine Zusatzfunktion, die man erst suchen muss. Und genau das fuckt mich immer wieder ab: Funktionen, die man erst finden und aktivieren muss. Nervkram eben. Ich will Dinge schnell umgesetzt bekommen, bevor der Gedankenblitz verblasst und nicht erst eine Doku lesen müssen – zumindest in diesem Zusammenhang.

Die Nachteile (ja, gibt’s wirklich)

fygsam kann nur Prozessdiagramme. Kein UML, keine Netzpläne, keine Organigramme, keine Wohnzimmer-Grundrisse.
Der Funktionsumfang ist bewusst klein. Wer Ebenen, Schwimmbahnen oder hundert Formen braucht, ist bei den Großen besser aufgehoben.
Es gibt keine Zusammenarbeit in Echtzeit. Weitergeben geht per Datei.
Optimiert ist das Ganze für den Desktop (aktuelles Chrome, Edge oder Firefox). Auf dem Handy macht das keinen Spaß.
Es ist ein Hobbyprojekt, und der Code kommt von einer KI. Es kann also Ecken und Kanten geben. Wer einen Fehler findet, darf ihn mir gern melden.

Ausprobieren

Falls Du Bock hast, das Ding mal auszuprobieren: hier geht’s zu fygsam.
Wie immer gilt: Nutzung auf eigene Gefahr, ohne Gewähr.

Und wenn Dir ein Formtyp oder eine Funktion fehlt: lass gerne einen Kommentar da.
Vielleicht lasse ich Claude dann wieder ein paar Stunden rödeln.

Wenn Dir dieser Beitrag geholfen hat und/oder Du mich finanziell unterstützen magst, kannst Du dies gerne per Paypal machen.

Alternativ kannst Du Dir meinen Amazon-Partnerlink in die Favoriten legen und Amazon bei Deinen zukünftigen Einkäufen darüber aufrufen:

Amazon Partnerlink

Es entstehen Dir dadurch keine Mehrkosten, ich erhalte aber eine kleine Provision.

Über einen Kommentar freue ich mich natürlich auch :-)

Bio
Neueste Artikel

Jan B-Punkt

CEO, bitch!

Ich bin Jan, der Hauptakteur bei janbpunkt.de. Naja, eigtl. bin ich sogar der einzige Schreiberling hier. 1980 in Eckernförde geboren, lebe ich aktuell in Kiel und habe Spaß an Technik, Gadgets und dem Internet. Außerdem fotografiere und zocke ich gern. Verständlich, dass die meisten Artikel sich daher auf eben jene Themen beziehen.