Automattic Design System
Automattic Design System: An open-source web UI kit for consistent WordPress ecosystem interfaces. Ranked #10 of 26 in UI Kit Libraries by our editors (8.2/10); pricing: Open source; best for open-source teams needing admin UI patterns.
At a glance
- Editor score8.2 / 10
- PricingOpen source
- Best forOpen-source teams needing admin UI patterns
- Paid fromFree
- Founded2005 · San Francisco, CA, USA
- Facts checked20 Sep 2026
Where it wins
- Reusable React components, tokens, themes, icons, and Figma libraries
- Admin patterns include tables, filters, pagination, and bulk actions
- Storybook documentation plus AI integration through an MCP server
Where it doesn't
- Web-only scope does not cover native mobile interface work
- Its focus on the WordPress ecosystem may not fit unrelated products
- Teams outside MCP workflows may gain less from its AI integration
Our verdict on Automattic Design System
Automattic Design System is an open-source collection of packages for designers and engineers building consistent product interfaces across the WordPress ecosystem. It combines reusable React UI components with shared design tokens, theme infrastructure, icons, data presentation patterns, admin layouts, and corresponding Figma libraries. The system is aimed at teams that want a common interface language across related web products, particularly those working on open-source software and admin-heavy experiences.
Its strongest fit is breadth across the design-to-development workflow. Designers get Figma libraries and an icon library, while engineers get reusable components, responsive patterns, accessibility guidance, and Storybook documentation published through package sites. The included data tables, filters, pagination, and bulk actions address recurring admin interface needs rather than focusing only on visual primitives. Shared tokens and a theme provider also give teams a foundation for maintaining visual consistency while supporting themed interfaces.
The system’s scope is deliberately centered on web products and the WordPress ecosystem. That makes it a practical choice for open-source teams building administration tools or related web software, but a less natural fit for teams seeking a cross-platform system that includes native mobile interfaces or a framework-neutral product direction. AI integration through an MCP server adds an additional path for teams with compatible development workflows. Choose Automattic Design System when reusable admin patterns, Figma assets, React components, and open-source collaboration are priorities; consider another library when your product is outside the WordPress ecosystem or requires broader platform coverage.
Your product? Our editors can test Automattic Design System in depth and publish a review, labelled as paid · from $149/mo →
Automattic Design System pricing
Automattic Design System fact sheet
| Free plan | Not verified |
|---|---|
| Paid from | Free |
| Component count | Not verified |
| Primary asset format | Figma |
| Design-system ready | Yes |
| Responsive components | Yes |
| Accessibility guidance | Yes |
| License scope | Not verified |
| Deployment | Cloud |
| Platforms | Web |
| Support | Community, Docs |
| Built for | Mid-market, Enterprise (editorial estimate) |
| Pricing | Open source |
| Website | system.automattic.design |
| Facts checked | 20 Sep 2026 |
Alternatives to Automattic Design System
- MUIA broad React UI ecosystem with free foundations and paid advanced components.9.4
- Carbon Design SystemA broad, accessible UI system with coded components, design kits, tokens, and framework options.9.2
- Adobe SpectrumA broad, open-source foundation for consistent web, desktop, and mobile interfaces.9.0
See all Automattic Design System alternatives →
Used Automattic Design System? Be the first to review it
The editor score above is our own research. What this page doesn't have yet is a reader's view — what you used Automattic Design System for, what worked and what didn't. No stars are seeded and no review is paid for; an editor reads every one before it appears.
Write a reviewTwo minutes · verified accounts only · read by an editor before it appears
Featured on iTechGuides
Automattic Design System is listed in our UI Kit Libraries directory. Add the badge to your site — it links back to this page.
<a href="https://www.itechguides.com/products/automattic-design-system/"><img src="https://www.itechguides.com/best/badge/automattic-design-system.svg" alt="Featured on iTechGuides" width="230" height="46"></a>
Reviewed by iTechGuides Editors · Editorial team · Updated Oct 2026
Advertiser disclosure: iTechGuides is reader-supported. Vendors can pay for top positions in our rankings and for a place on other products' pages, and we may earn a commission when you click some links. Bought places stand at the number bought; this page and our disclosure say so. Paying vendors may get a fuller, more detailed review from our editors, and that review can change their score. How we rank.
Last updated · How we research and update