“design-system”
Building a Design System with Tailwind CSS v4
Tailwind v4 moved configuration into CSS. Learn the CSS-first theme system: design tokens, @theme, variants, and a component layer that scales across products.
Astryx Design System Complete Guide: From Setup to Production
A comprehensive guide to Meta's Astryx design system — covering setup, design tokens, 150+ components, theming, styling, migration, internationalization, and real-world application patterns.
Getting Started with Astryx Design System: Setup, CLI, and AI Integration
Learn how to install, configure, and start building with Meta's Astryx design system — covering CLI tooling, CSS setup, three golden rules, and AI agent integration.
Theming and Layout in Astryx: Theme System, Frame-First Approach, and Templates
Master Astryx theming with 7 built-in themes, custom theme creation via defineTheme(), frame-first layout patterns, and page/block templates.
Beyond Generic UI: Google Stitch, Hatter Agents, and the Soul of DESIGN.md
Exploring the evolution of AI-native design with Google Stitch and the move from imperative UI tokens to rationale-based DESIGN.md systems.
Design.md: The Machine-Readable Design System for AI UI Development
Exploring Design.md and getdesign.md—a modern workflow for AI-assisted UI development that bridges the gap between design systems and AI coding agents.