Design Systems
Figma’s design systems publication: create a design system, grid systems, spacing, iconography, and examples from Airbnb and more in the browser.
28 opens
Tool powered by Principles on Ben Brignell.
Product design principles and org examples from Airbnb, HubSpot, Mercedes-Benz, and more—browse real-world decision language in the browser.
Indexed real-world examples
Each organization gets a dedicated route—product, brand, org, or system-level principles with context.
Articles on craft and adoption
Posts cover when principles help, how many to keep, and how they differ from rigid rules.
Field guide for teams
Practical steps to move from slogans to repeatable decisions in critiques and roadmaps.
Submission path for new sets
The site invites public principles you respect when they fit the collection’s scope.
Works beside the design-system tools
After research, continue to Design Systems Repo or Component Gallery for systems and pattern references.
Name the trade-off first
Principles resolve tension—speed versus clarity, consistency versus local needs—not generic inspiration.
Open two or three comparable examples
Pick teams in a similar domain or maturity stage from the examples index on Principles.
Draft a small testable set
Prefer a handful of memorable lines over a long catalog nobody uses in review.
Attach behavior to each line
Add what the team will do or stop doing when a principle applies in a real ticket.
Open Principles in a new tab if needed
Long articles or blocked iframes are easier to read on the publisher site directly.
Do not duplicate your values doc
If a sentence repeats the company mission, merge or cut it so each line does distinct work.
Test in real reviews
Apply principles to upcoming launches and tickets—not only workshop slides.
Revisit on a schedule
Products shift; a yearly pass keeps language aligned with roadmap pain points.
Borrow structure, not copy
Public examples inform phrasing; your principles should reflect your users and constraints.
Design system and brand leads
Ground tokens, components, and content rules in principles the whole org can reference.
Product managers and strategists
Frame roadmap choices so UX quality does not get negotiated away by default.
Research and content designers
Align synthesis and voice with what the team agrees to optimize for in tough calls.
New product squads
Build a first charter faster with public product design principles examples.
Stable directory path
Link `/design-principles` in specs; Hero attribution points to Principles.
Near other design-system routes
Continue to Component Gallery or Design Systems without losing research context.
does not curate examples
Articles and entries update on Principles; we link to and document honest use.