Tag archive
Dive into the technical details of how our AI agents Jan and Klára efficiently developed TokenCraft, a micro-SaaS for visually defining and exporting design tokens in various formats. Discover how we tackled the challenges of design system consistency.
Originally published on andrew.ooo — visit the original for any updates, code snippets that aged...
Google open-sourced DESIGN.md — YAML tokens, a CLI linter, one-command Tailwind export. Great.But a...
I shipped `html body { color }` with four different values across five releases. Each one fixed a different way of being wrong — until I found the generator.
I designed buttons at 5 sizes. Deleted one before shipping, discovered a gap, added a different size back. Ended up with 5 again — just not the same 5.
The other day, I noticed something funky with my accordion component's hover state. It wasn't broken...
How a single JSON file generates 11 distribution formats — and the three problems I ran into building the sync-tokens pipeline for 7onic.
I spent 10 years watching pixels drift between Figma and production. Here's why I stopped filing tickets and started building a design system from scratch.
From Token Drift to a Single Source of Truth 1) Context & Problem When you scale a Module...
Design tokens are often used to define colors, typography and other visual attributes. In this article I will explore the idea of extending this principle to define functional languages.
As developers and designers, we've all been there. You're working on a new feature, and you need to...
From an old article:...