DesignSystems.com
Figma's DesignSystems.com: learn how to create a design system, explore grid systems, spacing, iconography design, and design system examples from Airbnb and more. Open in a new tab if the embed is limited.
Tool powered by principles.design on principles.design.
Browse digital product design principles, product principles, and org design examples from Airbnb, HubSpot, Mercedes-Benz, and more on principles.design 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.design.
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.design 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.design.
Near other design-system routes
Continue to /component-gallery or /designsystems-com without losing research context.
does not curate examples
Articles and entries update on principles.design; we link to and document honest use.