Design System Diaries

Close the gap: How to boost parity between Figma and code

Want your Figma components to match code without the endless back-and-forth? This guide breaks down practical ways to boost design-code parity—from tokens and props to structure and states—so designers and devs can finally speak the same language.

How close should Figma be to code?

With increased demand for efficiency and the rise of the design engineer role, how close should Figma be to code? We’ll explore real-world examples and the challenges of balancing design and development.

5 ways to increase the quality of your design system documentation

Design system documentation is at the core of every system—without it, users can't consume its components. We'll walk through five ways you can increase the quality of your documentation to make it stand out.

Creating successful Design System OKRs that drive adoption

Getting an organization to care about adoption requires aligning goals and outcomes. We’ll show how to use OKRs effectively to drive adoption in both design and code.

My 2025 predictions for the future of design systems

A look ahead at the industry, the tools and the people

Welcome to Design System Diaries

We've been expecting you

The story behind our visual identity