Stop exporting JSON tokens and use CSS variables instead
A designer tagged me in a Figma comment on Tuesday morning. They wanted to know if we could start exporting our brand tokens as deeply nested JSON f…
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
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…
How to take over a design built in Figma Make and develop it with Claude Code
From February to April 2026, I launched four web apps, each starting from a code bundle that Figma Make (Figma's AI feature that generates a working…
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…
Structured Context vs Pixel Context: What Coding Agents Actually Need
Context is becoming the bottleneck in AI-assisted development. Not model capability — models are improving fast enough that they're regularly not th…
Why Pasting Figma Screenshots into Claude Fails (And What to Use Instead)
Here's the workflow that's become default in every design-to-code team right now: export a frame from Figma, paste the PNG into Claude or Cursor, ty…
Figma MCP: turning Claude-generated UI into a component library
This is the stretch nobody films. The demo ends at the screenshot; the job ends about a week later, in a Figma file that someone else has to be able…
Even Figma isn't sure about its own design tokens
The whole industry seems to have agreed on a standard for design tokens. The shift it sets up is still on its way. Design tokens are not new. The te…
AI Won’t Just Build the Next App. It Will Rebuild the Old Ones.
The biggest AI opportunity in web development might not be the next shiny app. It might be the old one your company is afraid to touch. Every day, b…
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…
Stop flattening your typography tokens: Preserving bound aliases in W3C exports
I was looking at a pull request last Monday. The marketing team had just rolled out a massive rebrand. We swapped our primary typeface from Inter to…
Turn Figma frames into clean React, Angular, Vue, or HTML with AI — meet PixToCode
PixToCode is a new Figma plugin that turns the frames you've already designed into production-ready code with AI — React, Angular, Vue, or HTML, all…
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…
Why Your Next App Ships Faster From Studio to Deploy
The Old Pipeline Had Too Many Doors. You started in Figma. Then opened Android Studio. Wrote Kotlin, argued with Gradle, wired Firebase manually, de…