#design-systems
13 posts
Figma Just Moved the Rulebook Into the Library: Design News Digest, Week of Oct 19, 2026
Figma moved design rules into the library: Config India 2026 Guidelines, Specs, Code Layers and system checks, plus agent GA and where the DTCG spec stands.
Component Spec Files: The Contract Layer Between Your Design System and an AI Agent
Prose docs make an agent guess your props, variants and states. A component spec file declares them in one machine-readable contract, built from Storybook, Figma Code Connect and DTCG tokens.
Design News Digest: Week of October 15, 2026
Figma ships Specs, code layers open beta on all plans, and Payload in Figma on October 15. What a Markdown spec on the canvas gives an agent, and what it does not.
Design System Documentation Platforms Compared: zeroheight vs Supernova vs Knapsack (2026)
zeroheight, Supernova and Knapsack compared on pricing, agent-facing MCP access and metering, using only vendor-authored pages fetched on 14 October 2026. Conflicts between vendor pages are shown, not resolved.
The DS Debt Score: Computable Checks for Dead Design Tokens and Orphaned Components
Three computable checks (dead tokens, orphaned components, hard-coded values that shadow tokens) combine into one weighted DS Debt Score you can trend in CI.
Motion Tokens Are Machine-Readable Now: Duration and Cubic Bezier in DTCG 2025.10
DTCG Format Module 2025.10 defines duration, cubicBezier and transition tokens. Here are the unit and range rules, and a checkable verification plan an AI agent can run against a token file.
Design News Digest: Week of October 8, 2026
Figma agent hits GA, Google ships the DESIGN.md spec, Anthropic releases Claude Design, ProtoPie MCP goes official, and DTCG tokens sit underneath it all: the week design systems became agent context.
Design News: The Design System Becomes a Machine-Checkable Contract
Figma's week pointed one way: agent-facing design context is a contract, not a dump. Coinbase's Code Connect numbers price what getting it right is worth.
Penpot vs. Figma: Which Design Tool Can AI Agents Understand?
AI design agents need files they can parse. Penpot's open JSON-based format vs Figma's proprietary binary — which can an AI agent actually reason about?
The Teachers Are Fixed-Viewport: What 10 Design-Inspiration Sites Actually Teach Agents
An automated CSS scan of 10 popular design-inspiration sites finds widespread token usage and dark-mode detection but zero container-query adoption — raising questions about what responsive patterns AI agents actually absorb from their training sources.
Design Trends: July 2026 Vol. 5 — Generative UI, Glassmorphism 2.0, DESIGN.md, and Debranding
Four emerging patterns from the late-July 2026 trend scan: adaptive generative interfaces, liquid glass depth, the portable DESIGN.md standard, and brand identity compression — each analyzed for what an AI agent can perceive and what it misses.
How AI Agents Read Your Design System
When an AI agent loads your site, it reads CSS variables, class names, and DOM structure — not your Figma file or design tokens. Here's how to make your design system agent-readable.
Primitive vs Semantic Tokens — When to Use What
Design tokens come in two flavors: primitive (pure values) and semantic (contextual meaning). Understanding the difference — and when to use each — is the foundation of any scalable design system.