#token-design

Atomic Design ist nicht tot — es ist erwachsen geworden

Ein praktischer Leitfaden zu Atomic Design und warum es für moderne Designsysteme weiterhin relevant ist

Foundation Styles: o segredo da camada de atalho

Quando a complexidade fica no sistema — e o seu dia a dia fica mais fácil

Figma Motion Just Made Animation a Design System Problem

For years, motion lived outside the design system — in After Effects, in Lottie files, in a Notion document nobody opened after week two…

Building Resilient Design Systems in 2026: Lessons, Trends, and Practical Advice for Scalable Teams

From UI Kit to Enterprise Engine: A Practical Guide to Design System Governance

Design Tokens não são cores

O que você está definindo quando define um token — e por que isso muda tudo

What is DesignerPunk’s Rosetta System?

Rosetta System: A mathematically-based token system that generates native code for iOS, Android, and Web from a single unitless source.

Typography as a System: Beyond Font Choices and Scale

How typography tokens, hierarchy, spacing, and accessibility work together to create a scalable design language.

Acessibilidade não é checklist. É pipeline.

O que acontece quando você para de verificar contraste e começa a garantir contraste

How I Built a Design System for Seven Brands Out of Chaos

I joined a company that had seven brands. From the outside you’d never guess they all sat on a single template — someone had done a…

Design Tokens Naming 101: The Building Blocks

If a design system is a building, design tokens are the building blocks that make it up. Learn more about how it works.

How we made Design Token Kit: an npm tool for design tokens

Building a small npm tool for validating, converting, and previewing design tokens with DTCG JSON and HRDT YAML.

Por que seu dark mode parece errado

Não é falta de cuidado. É matemática.

As 5+1 camadas do Aplica — e por que cada uma existe separada

Como a separação de responsabilidades transforma tokens em uma arquitetura que escala

Motion Design Tokens: Giving Your Animations a Systematic Brain

Learn how motion tokens help design systems deliver predictable, accessible, and cohesive user experiences.

Design Tokens

as a design system in Flutter projects

Dark Mode Is Not an Inversion. Building It Right From the Token Layer Up

Why simply flipping colors fails — and how token-driven theming creates scalable, maintainable dark mode experiences.

Como ensinei o Claude e o Cursor a adaptar Design Systems com o Aplica Theme Engine

O que acontece quando a IA tem um contrato — e o que acontece quando não tem

A IA não erra à toa. O problema é o sistema que você deu para ela.

Design Tokens com intenção são o que separa uma IA que adivinha de uma que sabe

Arcade Tokens: The onchain loyalty layer for Web3 apps.

Arcade tokens are spend-first onchain loyalty points with bounded value. Learn the faucet-and-sink model, how price ceilings/floors create…

Design Tokens com intenção e contexto

A jornada do Aplica Theme Engine — white label, acessível, pronto para IA e humanos

AI-generated UI consistency: what breaks when you skip tokens

I heard a designer say something the other day:

Design Tokens Are the Most Underestimated Decision in Your Stack.

In October 2025, the Design Tokens Community Group released the first stable version of the Design Tokens Specification. The industry now…

I’m an Electronics Engineer Who Fell in Love With Design Systems — And Yes, It’s Serious

How modular circuits taught me to become obsessed with tokens, variants, and consistent button states.

Your Design System Is Not Failing. Your Codebase Is Bypassing It.

Most teams do not have a design system problem. They have a design system enforcement problem.

Design systems are evolving. Our migration tools aren’t.

How a morning commute, a frustrated friend, and a dose of “Vibe Coding” helped me automate the most tedious part of Figma

What Defines a Mature Design System Architecture?

There’s a Version of a Design System That Looks Mature — and Isn’t

Cómo creé Tokenalia: de una Skill de Claude a una herramienta real de Design Tokens

Una historia real de construcción de producto: cómo una Skill mínima evolucionó hasta Tokenalia, con generación W3C, exportación a…

From chaos to code: Building a Figma variable contract for cleaner handoffs

How we bridged the gap between Figma and production code using a 4-layer token architecture and automated OKLCH translation.

🎨 Design Tokens: The Foundation of Scalable Design Systems

In today’s fast-moving product environments, consistency is everything. Whether you’re building for web, mobile, or multiple platforms…

I built one design system that replaced five developer workflows.

On master component libraries, the politics of “good enough,” and why the most valuable design work is the work that scales invisibly.

從 Figma 到 Android/iOS：用 Design Token 打通設計與開發的最後一哩路

每次 Designer 增改了專案所使用的顏色， 工程師就要搜尋程式裡所有的顏色色碼， 並進行修改，很是麻煩。

Design Systems, Methodologies & Token Architecture in Flutter: The Complete Senior Developer’s…

Series context: After 5 years building production Flutter apps, I’ve converged on Clean Architecture with data/domain/presentation layers…

Color Variables

The Architecture Behind Scalable Design Systems

Velocidade e Cor: A Lógica da Fórmula 1 no Design System

No início da construção de um Design System, definir cores parece algo direto: uma cor primária, alguns tons neutros e talvez algumas cores…

Building Your First Design System: A Beginner’s Guide for Solo Designers

How I created a scalable design system for my projects without a team or budget — practical lessons for designers working alone

Understanding Design Token Relationships — A Visual Approach

As design systems scale, clarity depends on more than just defining tokens — it’s about understanding how they connect.

Explorando tokens DeFi para diversificación de portafolio: estrategias clave y beneficios…

Explorar tokens DeFi es una estrategia clave para diversificar un portafolio, ya que estos activos ofrecen acceso a una variedad de…

How to add Style Dictionary to your Next.JS application?

Only some developers like Tailwind CSS.

디자인시스템 토큰이란? 이해하고 만들기

디자인 시스템에서도 토큰은 이것과 비슷한 역할을 해요. 토큰은 디자인을 만들 때 필요한 작은 규칙이라고 할 수 있어요.

Design System: What are global, alias and component tokens — Part 1

This is going to be series of 3 blogs which are part of design system series, in this 1st part, we’ll delve into the world of design…

Design Tokens with Token Wizard

What is this Design Token?

擁有 Design System 後的延伸議題

今天要延續上一篇 《從設計主管的角度來建構 Design System》的內容，進一步分享當我們為 CMoney 建立 Web Design System 後，視野進一步打開、所探索到的進階議題。這些議題我目前還沒有攻克，只是整理了一些前輩們的思路 :

Styling React Components Using Stratos Design Tokens

If seeing is believing, then I guess we need to show as much as possible of what you can do with Stratos Tokens App.

The Nine Rules of Stratos Design Tokens

Finally Team Sketch2React has created a design document containing examples of all the rules available in Stratos Tokens App! 🎓🧑‍💻🙌

Alter Your Stratos Tokens project’s Configuration to Supercharge Your Design Tokens

Stratos Tokens App is shipped with out of the box support for Amazon Style Dictionary.