#design-systems
5 posts
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.