Figma Variables vs. Code-Tokens: Wo die Synchronisation bricht
Figma Variables sehen aus wie Design Tokens und heißen fast so — aber die Brücke zum Code ist keine Leitung, sondern eine Übersetzung, die an vier konkreten Stellen bricht.
Blog
Gedanken zu Design, Frontend-Entwicklung und den Tools dazwischen.
Keine Artikel mit diesem Tag.
-
-
Warum "Single Source of Truth" meistens eine Lüge ist — und wie man es trotzdem hinbekommt
Jedes Design-System-Kickoff verspricht eine einzige Wahrheit. In der Praxis gibt es fast immer mindestens drei — und der Fehler ist, das zu leugnen, statt es zu managen.
-
Warum "intuitiv" das gefährlichste Wort im UX-Vokabular ist
"Das sollte intuitiv sein" ist keine Anforderung, sondern eine Behauptung, die niemand belegen muss. Warum das Wort in jedem Meeting ein Warnsignal sein sollte.
-
Warum diese Seite keine Screenshots meiner Designs zeigt
Kein Dribbble-Archiv, keine Mockup-Galerie. Warum ich lieber erkläre, wie Design entsteht, als Bilder zu zeigen, die sowieso nur die halbe Wahrheit erzählen.
-
Paper.design ist noch kein Figma-Killer — aber ich sehe schon, wie es einer wird
Ein ehrlicher Praxis-Check von paper.design: warum das Chrome-Plugin schon heute Gold wert ist, und wo die Design-Token-Lücke noch schmerzt.
-
Tokens vs. Komponenten: Wo ein Design System aufhört, Design zu sein
Design Tokens sind Infrastruktur, keine Design-Entscheidung — und solange Teams das ignorieren, bauen sie fragile Systeme.
-
Warum Tailwind v4 die Art verändert, wie ich über Design Tokens denke
Tailwind v4 hat die JavaScript-Config abgeschafft und Design Tokens direkt in CSS verlegt — eine Architekturentscheidung, die mehr verändert als nur Syntax.
-
Warum ich als Designer nie wieder ohne Browser-DevTools arbeiten will
Figma zeigt dir eine Behauptung. DevTools zeigen dir die Wahrheit — warum Design ohne den Inspector im Blindflug passiert.
-
shadcn/ui ist keine Component Library — und das ist der Punkt
Warum shadcn/ui absichtlich kein npm-Paket ist, sondern Copy-Paste-Code — und was das für Design Systems bedeutet.
-
Wie ich diese Seite gebaut habe — und warum so
Tech Stack, Typografie, Micro-Interactions: Die Entscheidungen hinter ptrckschrdtr.de, Schicht für Schicht erklärt.
-
Grainy Gradient Generator — Ein Tool, das ich für diese Seite gebaut habe
Warum ich einen eigenen Gradient-Generator entwickelt habe, wie er technisch funktioniert und was man damit machen kann.
-
Der Aufstieg des Design Engineers: Wie ich KI und shadcn nutze, um die Lücke zwischen Figma und Produktion zu schließen
Warum der Design Engineer die Brücke zwischen Figma und Code schließt — und wie man mit shadcn und KI-Workflows skalierbare Systeme baut.
-
Typografie ist das Interface
Warum gute Schriftsetzung nicht Dekoration ist, sondern Infrastruktur — und wie man sie im Web richtig umsetzt.
-
Typografie ist das Interface
Warum gute Schriftsetzung nicht Dekoration ist, sondern Infrastruktur — und wie man sie im Web richtig umsetzt.
-
Design Tokens: Vom Konzept zur Praxis
Wie Design Tokens ein System kohärent halten — und warum CSS custom properties die beste Implementierung dafür sind.
