Does a design system change what a coding agent writes?
A while ago I finished a piece of work I was proud of: a design system built the way I'd argue a design system should be built. Tokens as data. Comp…
DevOps
⚑ Report a ProblemLatest DevOps news from Tech News
All topics
agents
ai
api
architecture
automation
aws
backend
beginners
cloud
database
devchallenge
devops
docker
javascript
kubernetes
llm
machinelearning
mcp
node
opensource
performance
productivity
programming
python
security
showdev
testing
tutorial
typescript
webdev
Screenshot testing a design system with Playwright and Docker
I work on the Koobiq design system, which has component libraries for React and Angular . in this article I'll show how the screenshot tests in our…
The Tragedy of Software Versioning
Software versioning goes far beyond SemVer. A practical guide to CalVer, marketing versions, lockstep releases, pain indexes, and compatibility wind…
Building Design Systems That Ship: A Design Engineer's Framework
TL;DR: Most design systems fail because they're designed in isolation. Build design systems that ship by designing backwards — start with constraint…
Wrapping Component Libraries
How production libraries handle decoupling, and what I learned building my own wrapper layer The Pattern Everyone Uses (But I Didn't Understand) Eve…
The Story of My Failed Design System
Originally published at https://blog.joonquixote.com/en/posts/the-story-of-my-failed-design-system/ . There are plenty of articles about design syst…
Structuring Variables in Figma
Building a scalable UI library in Figma starts with thoughtful organization of variables. As projects grow, managing primitives, semantics, and them…
My theme build fails if any color misses WCAG contrast — here's the pipeline
Korean temples and palaces have been painted with the same mineral pigment system — dancheong (단청) — for about 1,500 years. Deep indigo woodwork, ci…
Design systems for startups
A design system sounds like something you earn later — a luxury for companies big enough to have a design-systems team. For a startup that's exactly…
DRY is not for UI
When we talk about UI, we almost always start by thinking about small components we can reuse across the frontend. And of course we can't reuse ever…
Introducing Arvia: a design system compiler for the web
Introducing Arvia Arvia is a design system compiler. You describe your tokens, themes, and components in .arv files, and a compiler turns each one i…
Why AI Keeps Generating the Wrong Design Tokens and How I Fixed It with Figma's API
AI design system output is approximate by default. Wrong border radii, raw hex values, inconsistent tokens across 60 components. The fix isn't bette…
How We Shipped more than 60 Design System Components in 5 Weeks Using Figma as the Single Source of Truth
We estimated 300 engineer-days. We shipped in 35 days with 3,077 tests and zero raw hex values. Here's the pipeline I built to make Figma the litera…
I Asked AI to Fix My UI 20+ Times. The Problem Wasn't My Prompts.
The feature was done. Everything worked. I opened the browser, looked at the page, and thought: it's functional, but it's just... off. So I did what…
Design to Code #8: The Cosmetics of Modularity
It was sometime in early April. Version 0.1.0 had been sitting on npm for maybe twenty-four hours. I was clicking through the documentation site I'd…
Custom behavior without custom code
Every successful SaaS product eventually meets the same question: a customer asks for something specific to them, you build it, and now you have a f…
AGENTS.md, SKILL.md, DESIGN.md: How AI Instructions Split into Three Layers
In April 2026, Google Labs released a spec called DESIGN.md . It's a design system specification readable by AI agents, packaged with a CLI validato…