Skip to content
SPECIFICTION
Get listed

Automattic Design System

system.automattic.design

Web
Visit system.automattic.design
Spec score 7.5 #15 of 26 in UI Kit Libraries

Spec sheet

Purpose
The Automattic Design System is a set of packages used together to build products.Read 9 Oct 2026 · system.automattic.design
Intended users
The site describes the system as shared across Automattic products, brands, and contexts, and provides guidance for designers and engineers.Read 9 Oct 2026 · system.automattic.design
Headquarters
San Francisco, CA, USARead 28 Sep 2026 · system.automattic.design
Founded
2005Read 28 Sep 2026 · system.automattic.design
Maker
Automattic lists its headquarters as San Francisco, California, and its founding date as August 2005.Read 9 Oct 2026 · automattic.com
Accessibility
The design principles set a baseline of WCAG 2.1 AA across the board.Read 9 Oct 2026 · system.automattic.design
AI integration
The WordPress Design System publishes an MCP server that gives AI agents component documentation, usage guidance, and design token information.Read 9 Oct 2026 · system.automattic.design
Contribution
Development for the public packages takes place in the Gutenberg repository, where contributors can open an issue or pull request.Read 9 Oct 2026 · system.automattic.design
Core packages
The public core packages listed are @wordpress/theme, @wordpress/ui, @wordpress/icons, @wordpress/dataviews, and @wordpress/admin-ui.Read 9 Oct 2026 · system.automattic.design
Data interfaces
DataViews provides patterns for structured data, including tables, filters, pagination, empty states, and bulk actions.Read 9 Oct 2026 · system.automattic.design
Data views
@wordpress/dataviews provides higher-level patterns for displaying, filtering, and acting on collections, including tables, grids, lists, sorting, pagination, bulk actions, and view switching.Read 9 Oct 2026 · system.automattic.design
Distribution
The @wordpress/ui package is distributed using npm and is not available under window.wp.Read 9 Oct 2026 · system.automattic.design
Figma and documentation
Packages typically have a corresponding Figma library and a Storybook instance where documentation can be found.Read 9 Oct 2026 · system.automattic.design
Icons
The Icons package provides reusable system icons designed for use in UI components and product interfaces.Read 9 Oct 2026 · system.automattic.design
Notable limit
The site describes the Automattic Design System layer as internal only, while its core packages are marked public on the homepage.Read 9 Oct 2026 · system.automattic.design
Reusable components
The UI package provides product-agnostic components such as buttons, inputs, form controls, notices, and overlays.Read 9 Oct 2026 · system.automattic.design
Shared design language
It provides components, tokens, values, and rules to help developers, designers, and AI tools map mockups to what is built.Read 9 Oct 2026 · system.automattic.design
Support and contribution
The site directs contributors to open an issue or pull request in the Gutenberg repository and suggests Slack for questions.Read 9 Oct 2026 · system.automattic.design
Theme tokens
The Theme package defines semantic variables for color, typography, spacing, radius, and elevation.Read 9 Oct 2026 · system.automattic.design
Theming
The Theme package supports light and dark modes, user and plugin customization, and dynamic color generation for accessible contrast.Read 9 Oct 2026 · system.automattic.design
Token standards
The system’s public design tokens are exported as CSS custom properties conforming to the Design Token Community Group specification.Read 9 Oct 2026 · system.automattic.design
UI components
@wordpress/ui provides accessible, themeable React components for WordPress interfaces and is intended for new WordPress, plugin, or WordPress-native standalone React interfaces.Read 9 Oct 2026 · system.automattic.design
What the site provides
The site maps the design system’s pieces and explains how they fit together and how to contribute; component details and guidelines live in their own repositories and Storybooks.Read 9 Oct 2026 · system.automattic.design

Where Specifiction places it

Alternatives to Automattic Design SystemAll alternatives →