Design Systems Market Share Treemap
This interactive treemap visualises the market share of popular design systems across the industry. Each block represents a design system, with its size scaled to reflect its relative adoption. The goal is to give designers, developers, and product teams a quick snapshot of which systems are most widely used, how they compare, and how the ecosystem is distributed.
By breaking the data down visually, the site highlights patterns that might not be obvious from a list — such as which systems dominate, which are niche, and how emerging libraries are gaining ground. It’s a tool for exploring the landscape of design systems and understanding their role in shaping design and development workflows.
https://made-by-matt.art/designsystems/
Design Principles
Design-principles.com presents an interactive collection of fundamental design principles contributed by design experts including Dieter Rams, Don Norman, and Jakob Nielsen.
Through dynamic visualisation and concise explanations, the site invites designers to engage more deeply with UX/UI concepts that anchor intuitive and impactful product design. It serves as both an educational reference and a creative spark for design teams seeking to embody these timeless guidelines.”
https://www.design-principles.com/
Styles & Variables Exporter
A Figma plugin that lets you quickly export your file’s colours, text styles, effects, grids, and variables into JSON, CSS Variables, or JavaScript. Perfect for design system documentation, developer handoff, and keeping design tokens consistent across platforms.”
Available for free on the Figma Community Resources section
Available for free on the Figma Community Resources section
https://www.figma.com/community/plugin/1536178425944768855/styles-variables-exporter
