Design tokens go native—only in PenpotSponsored
Enjoy advanced features like string & numeric tokens, math operations, and more—made in collaboration with Tokens Studio by Hyma.
Category: Design Systems
All Categories10 uses for variables beyond light and dark mode
How to make the most out of Figma's variables feature.
Free illustrations for your design system
Free illustrations for your design system documentation. Enhance your UI with high-quality, customizable illustrations.
Design systems report 2025
Pretty valuable resource if you dodge all the ads: the fourth edition of the report showcases the current state of Design Systems in 2025.
Figma plugin: Variable visualizer
VV turns complex variable relationships into an intuitive visual map, letting you see and manage all your variables in one infinite canvas.
Cash app brand guidelines
A brand that thrives on the tension between structuring order and explosive freedom.
The existential challenge of design system team morale
Design systems are hard. But guess what? So is every other discipline of design and engineering.
Design tokens starter set
A comprehensive toolkit featuring 250+ pre-built tokens, variables, tokens studio-compatible JSON, easy WCAG 2.0 color contrasts and more.
How to bring structure and clarity to design system components
A spreadsheet tool that simplifies writing about components, enhancing efficiency and consistency for your team.
Remove the “direction” property on your arrow icons
3 reasons why that "direction" property is a bad idea (and not just for arrows, but other icons too).
The digital playbook: a crucial counterpart to your design system
Design systems play a crucial role in today’s digital landscape. But there’s another tool that deserves equal attention: the digital playbook.
Examples of AI guidelines in design systems
How to document best practices for transparency, usability, and trust in AI integration.
Telegraph design system
Design system for one of the largest news outlet in the world—across marketing and subscription journeys, app, website, and printed broadsheet.
Dropbox brand guidelines
From icons to illustration, logos to language, this collection is the foundation for how Dropbox looks, feels, and sounds like Dropbox.
Every token is a feature
I’m in the middle of a design tokens project and I thought I’d share something that is probably obvious: every design token is a feature.
Design token-based UI architecture
Describing established patterns for organizing design tokens and practical approaches for automation.
Design System: from scratch or from the shelf?
How do you decide what to use for your design system?
The making of the Figma pattern library
UI3 prompted us to rebuild our own design system from the ground up.