← All selected work← Alle Projekte

// small case studies// kleine case studies

Stuff I did and sometimes even useDinge, die ich gemacht habe und manchmal sogar benutze

Not every project needs a 20-minute presentation. These are smaller tools and experiments with enough context to explain the problem, the choices, and the slightly nerdy bit that made them worth building.Nicht jedes Projekt braucht eine 20-Minuten-Präsentation. Hier stehen kleinere Tools und Experimente — mit genug Kontext für Problem, Entscheidungen und den leicht nerdigen Teil, der sie lohnend gemacht hat.

Style Sweeper Cover
01Figma-Plugin2026

// A small, self-inflicted problem// Ein kleines, selbst gemachtes Problem

Style Sweeper

“I had added #2E2E2E, #2E2E2A and #2E2E1E — then could not tell you which one was meant to exist.”“Ich hatte #2E2E2E, #2E2E2A und #2E2E1E angelegt — und konnte später nicht mehr sagen, welches davon eigentlich existieren sollte.”

An open-source Figma plugin for finding visual drift, grouping near-matches, and cleaning them up deliberately.Ein Open-Source-Figma-Plugin, das visuellen Drift findet, ähnliche Werte gruppiert und bewusst aufräumt.

// Figma does// Figma macht

Figma gives you styles, variables and libraries — the right place to keep a system consistent once it already behaves.Figma bietet Styles, Variablen und Libraries — genau richtig, um ein bereits funktionierendes System konsistent zu halten.

// this adds// das ergänzt

Style Sweeper starts one awkward step earlier: scan a selection, page or file; see the values actually in use; map them as groups; preview the blast radius; then apply.Style Sweeper setzt einen unbequemen Schritt früher an: Auswahl, Seite oder Datei scannen; die tatsächlich genutzten Werte sehen; sie als Gruppen zuordnen; Auswirkungen vorab prüfen; dann anwenden.

What it actually doesWas es konkret macht

Scans typography, colours, variable bindings and corner radii; groups values; then remaps selected groups to a raw value, paint style or variable.Scannt Typografie, Farben, Variablenbindungen und Corner-Radii; gruppiert Werte; ordnet ausgewählte Gruppen dann einem Rohwert, Paint Style oder einer Variable zu.

Why it is not just “Replace all”Warum es nicht nur „Alle ersetzen“ ist

Near-identical values are a clue, not a verdict. The plugin makes the cluster visible; the designer still decides whether it is a mistake, an exception or a missing token.Nahezu gleiche Werte sind ein Hinweis, kein Urteil. Das Plugin macht die Gruppe sichtbar; Designer:innen entscheiden weiter, ob es ein Fehler, eine Ausnahme oder ein fehlendes Token ist.

Safety bitsSicherheitsnetz

Choose scope, preview before writing, see progress and failures, cancel between batches, and keep Figma’s undo nearby.Scope wählen, vor dem Schreiben Vorschau sehen, Fortschritt und Fehler erhalten, zwischen Batches abbrechen und Figmas Undo bereithalten.

// selected Figma slides// ausgewählte Figma-Slides

5 slidesFolien
Titel-Folie der Style-Sweeper-Case-Study
The whole thing, in 13 slightly nerdy slides.Das Ganze in 13 leicht nerdigen Folien.
Style-Sweeper-Folie über die selbst gemachte Ausgangslage
The very avoidable origin story.Die sehr vermeidbare Ausgangsgeschichte.
Style-Sweeper-Folie über visuellen Drift in Figma
The tiny colour decisions that quietly add up.Die kleinen Farbentscheidungen, die sich leise summieren.
Style-Sweeper-Folie zum manuellen Figma-Clean-up-Workflow
The manual version: a very small scavenger hunt.Die manuelle Version: eine sehr kleine Schnitzeljagd.
Style-Sweeper-Folie über den Plugin-Workflow
The plugin: inspect first, then make the call.Das Plugin: erst prüfen, dann entscheiden.