- Home
- UI Kit Libraries
- Automattic Design System
On the recordRead 9 Oct 202623 facts
Automattic Design System
San Francisco, CA, USA
On the record
- Accessibility
- The design principles set a baseline of WCAG 2.1 AA across the board.system.automattic.design · read 9 Oct 2026
- AI integration
- The WordPress Design System publishes an MCP server that gives AI agents component documentation, usage guidance, and design token information.system.automattic.design · read 9 Oct 2026
- Contribution
- Development for the public packages takes place in the Gutenberg repository, where contributors can open an issue or pull request.system.automattic.design · read 9 Oct 2026
- Core packages
- The public core packages listed are @wordpress/theme, @wordpress/ui, @wordpress/icons, @wordpress/dataviews, and @wordpress/admin-ui.system.automattic.design · read 9 Oct 2026
- Data interfaces
- DataViews provides patterns for structured data, including tables, filters, pagination, empty states, and bulk actions.system.automattic.design · read 9 Oct 2026
- 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.system.automattic.design · read 9 Oct 2026
- Distribution
- The @wordpress/ui package is distributed using npm and is not available under window.wp.system.automattic.design · read 9 Oct 2026
- Figma and documentation
- Packages typically have a corresponding Figma library and a Storybook instance where documentation can be found.system.automattic.design · read 9 Oct 2026
- Icons
- The Icons package provides reusable system icons designed for use in UI components and product interfaces.system.automattic.design · read 9 Oct 2026
- Intended users
- The site describes the system as shared across Automattic products, brands, and contexts, and provides guidance for designers and engineers.system.automattic.design · read 9 Oct 2026
- Maker
- Automattic lists its headquarters as San Francisco, California, and its founding date as August 2005.automattic.com · read 9 Oct 2026
- Notable limit
- The site describes the Automattic Design System layer as internal only, while its core packages are marked public on the homepage.system.automattic.design · read 9 Oct 2026
- Purpose
- The Automattic Design System is a set of packages used together to build products.system.automattic.design · read 9 Oct 2026
- Reusable components
- The UI package provides product-agnostic components such as buttons, inputs, form controls, notices, and overlays.system.automattic.design · read 9 Oct 2026
- Shared design language
- It provides components, tokens, values, and rules to help developers, designers, and AI tools map mockups to what is built.system.automattic.design · read 9 Oct 2026
- Support and contribution
- The site directs contributors to open an issue or pull request in the Gutenberg repository and suggests Slack for questions.system.automattic.design · read 9 Oct 2026
- Theme tokens
- The Theme package defines semantic variables for color, typography, spacing, radius, and elevation.system.automattic.design · read 9 Oct 2026
- Theming
- The Theme package supports light and dark modes, user and plugin customization, and dynamic color generation for accessible contrast.system.automattic.design · read 9 Oct 2026
