Zurück zu Projekten
Case Study · Figma Plugin · 2025

AnchorLabs — den Pfad hinter den Pixeln sehen.

Ein kostenloses Figma-Plugin das Logos in ihre Ankerpunkte und Bezier-Pfade zerlegt. Gebaut um ein echtes Problem zu lösen — ohne Paywall, ohne Illustrator.

Jahr 2025
Typ Side Project · Tool Design
Stack Figma Plugin API · JS · HTML · CSS
Nutzer 1.400+ Community-Downloads
01 / Problem

Warum gibt es das nicht schon?

Wer ein Logo wirklich versteht, sieht nicht nur die Form — er sieht den Aufbau dahinter. Wo liegen die Ankerpunkte? Welche Bezier-Handles formen die Kurven? Das war lange Spezialwissen, für das man entweder tief in Illustrator oder in kostenpflichtige Plugins einsteigen musste.

Problem 01
Kostenpflichtige Alternativen
Illustrator-Plugins wie das Grid-System von Superscript kosten Geld — und setzen eine Creative-Cloud-Lizenz voraus, die nicht jeder hat.
Problem 02
Zeitaufwändiger Workflow
Manuell jeden Ankerpunkt in Figma zu dokumentieren kostet Stunden. Für Kundenpräsentationen die den Aufbau eines Logos erklären müssen — zu aufwändig.
Problem 03
Figma hat kein natives Tool
In Figma gibt es keinen Weg, Bezier-Handles und Ankerpunkte sichtbar zu machen ohne selbst in den Pfad-Editor zu gehen — und ohne Exportmöglichkeit.
02 / Lösung

Ein Plugin. Kein Paywall. 2–5 Minuten.

AnchorLabs legt Ankerpunkte, Bezier-Handles, Vektor-Outlines und optionale Konstruktionslinien direkt über jede Vektorauswahl in Figma. Das Ziel: in unter fünf Minuten fertig, ohne Einlesung in eine Dokumentation.

Baseline Cap Height Anchor Logo-Zerlegung · Ankerpunkte + Konstruktionslinien
  • Ankerpunkte visualisieren — alle Nodes eines Vektorpfads werden als beschriftete Quadrate eingeblendet.
  • Bezier-Handles — In- und Out-Handles werden als Linien mit Kontrollpunkten dargestellt.
  • Vektor-Outlines — der Pfad wird als separate Outline-Ebene eingeblendet.
  • Konstruktionslinien — optionale Baseline-, Cap-Height- und Winkellinien für Präzisions-Layouts.
  • Mehrsprachig — Interface in Deutsch, Englisch und weiteren Sprachen verfügbar.
  • Kostenlos — kein Abo, kein Paywall, keine Creative-Cloud-Abhängigkeit.
03 / Designentscheidungen

Einfach — aber nicht simpel.

Das Interface sollte so wenig Erklärung wie möglich brauchen. Nicht weil es nichts zu erklären gibt, sondern weil ein gutes Werkzeug den Nutzer nicht aufhält.

Der erste Entwurf hatte zu viele Optionen auf einmal sichtbar. Drei Tabs, Farbwähler, Größeneingaben — alles da, aber niemand fand sich sofort zurecht. Das war der klassische Fehler: ich war so tief in der Funktionalität, dass ich vergessen hatte wie jemand das Plugin zum ersten Mal öffnet.

Die zweite Version reduzierte das Interface radikal. Kernfunktionen vorne, erweiterte Optionen hinter einem Aufklapp-Bereich. Das Ziel: innerhalb von 2–5 Minuten das erste Ergebnis sehen, ohne etwas lesen zu müssen.

Farb- und Größenwerte wurden auf sinnvolle Defaults gesetzt — chartreuse für Ankerpunkte, kleines Quadrat, kontrastreiche Farbe. Nutzbar sofort, anpassbar wenn nötig.

„Das Interface sollte so einfach wie möglich, mehrsprachig und synchronisiert sein, sodass jeder direkt weiß, was er macht."

— Sascha Schmidt, AnchorLabs
Design-Prinzip
Progressive Disclosure
Kernfunktion sofort erreichbar. Erweiterte Optionen zugänglich aber nicht aufdringlich.
Design-Prinzip
Sinnvolle Defaults
Ohne Konfiguration sofort nutzbar. Jede Einstellung hat einen durchdachten Startwert.
Design-Prinzip
Mehrsprachigkeit by Default
Internationaler Rollout von Anfang an. Nicht nachträglich hinzugefügt.
04 / Visuelles System

Charcoal, Electric Green, Jost.

Das Plugin-Interface spiegelt seine Funktion: präzise, technisch, klar. Schwarzer Hintergrund, kontraststarkes Grün, monospace-geprägte Typografie.

Farbpalette
Charcoal
#111111
Electric Green
#00FB87
White
#FFFFFF
Muted
#444444
Typografie
Jost
Plugin Interface Typeface
Jost wurde wegen seiner geometrischen Klarheit gewählt — nah an der Formsprache von Vektorgrafiken.
AnchorLabs · v1.1
Overlays
Anchor Points
Bezier Handles
Vector Outline
Grid Guidelines
05 / Versionsverlauf

Was ich beim nächsten Mal anders machen würde.

Version 1.0 hatte einen Bug, der mir erst nach dem Launch auffiel — direkte Folge eines Tunnelblicks während der Entwicklung. Version 1.1 hat ihn behoben.

v1.0
Erster Launch
Plugin live in der Figma Community. Kernfunktionen vorhanden: Ankerpunkte, Handles, Outline. Schneller Zuspruch — aber auch schnelle Rückmeldungen zu einem Problem.
v1.0 Bug
[Platzhalter: Bug-Beschreibung einfügen]
Hier kommt die Beschreibung des Fehlers in v1.0 rein — was genau nicht funktioniert hat, warum der Tunnelblick dazu geführt hat, und wie er sich auf Nutzer ausgewirkt hat.
v1.1
Bugfix + Interface-Refinement
Bug behoben, Interface überarbeitet, Mehrsprachigkeit ausgebaut. Bessere Error-States und klarere Feedback-Mechanismen für ungültige Selektionen.
Today
1.400+ Nutzer
Aktiv genutzt von Designern weltweit. Bewertung: 4.9 Sterne. Regelmäßige Feature-Requests zeigen: das Problem war real.

Das Wichtigste, das ich aus der Entwicklung mitgenommen habe: Tunnelblick ist der größte Feind eines guten Interface-Tests. Wenn man monatelang mit einem Tool lebt, sieht man irgendwann nicht mehr was ein Erstnzutzer sieht.

Beim nächsten Projekt würde ich früher externe Augen holen — nicht erst nach dem Launch, sondern schon während der Beta. Und: die KI-unterstützte Entwicklung (die ich für AnchorLabs genutzt habe) mit stärkerem eigenem Testing-Protokoll kombinieren.

Was die 1.400+ Downloads zeigen: das Problem war real. Nicht nur für mich, sondern für eine breite Community von Designern die bis dahin keine gute kostenlose Lösung hatten.

06 / Resultat

1.400+ Designer, $0.

Reichweite
0+
Community-Nutzer in der Figma Community weltweit.
Bewertung
0
Durchschnittliche Sternebewertung in der Figma Community.
Kosten
$0
Kein Abo, kein Paywall — vollständig kostenlos für alle Nutzer.
Time to Value
2–5 Min
Von der Installation bis zum ersten verwendbaren Ergebnis.
Plugin öffnen Zurück zur Übersicht