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…
Latest News
⚑ Report a ProblemTech news from the best sources
All topics
- игры
AI
Gear
News
Tech
agents
ai
api
architecture
automation
beginners
career
database
devops
javascript
llm
machinelearning
mcp
opensource
performance
productivity
programming
python
react
security
showdev
testing
tutorial
typescript
webdev
What if you don't have to build a login page again?
How do you usually build a login page in an application? The first project Imagine you are working on a project that needs a login page. Let's call…
Stop Fighting CSS Grids: Building Complex Responsive Layouts Without Losing Your Sanity
We’ve all been there. You map out a gorgeous, asymmetric layout on your artboard—clean overlapping cards, precise whitespace, and dynamic visual anc…
The Fastest Way I’ve Found to Build a Solid UI Without a Designer
Over the years, I have built new products, redesigned existing ones, worked without a designer, and worked with designers who could only give the te…
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…
See your app on every screen size at once
Yey. I made Tessera because resizing DevTools and hoping I caught every breakpoint was wasting my time. You get a canvas of live browser tiles at re…
Your Loading Spinner Has an Emotional Job. Is It Doing It?
Most of us treat design systems as a functional problem: consistent colors, consistent spacing, consistent components. That part's solved for most t…
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…
BEM Methodology in CSS: predictable naming for clean styles
Why BEM? As frontend projects grow, CSS quickly turns fragile—poor class names cause style collisions, debugging pain, and slow iteration. BEM gives…
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…
Design Tokens vs Atomic CSS: A Failed Integration and the Path to Harmony
A personal developer's attempt to map design tokens to UnoCSS failed the same day. But it resulted in a set of pragmatic boundaries. This article co…
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…
Theming in the Modern Age
Prologue A while ago, I decided to develop a fully accessible main navigation component in React and write a series of articles documenting the step…
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…