Automattic Design System vs Figma Wireframe Kit
Automattic Design System
system.automattic.designFigma Wireframe Kit
figma.comSide by side
| Figure | Automattic Design System | Figma Wireframe Kit |
|---|---|---|
| Price from | — | $3/mo |
| Free plan | — | Yes |
| Free trial | — | — |
| Open source | — | — |
| Web | Yes | Yes |
| Windows | — | Yes |
| macOS | — | Yes |
| iOS | — | Yes |
| Android | — | Yes |
| API | — | Yes |
| Plans published | 0 | 10 |
| Spec score · UI Kit Libraries | 7.5 (#15) | 9.2 (#1) |
| Intended users | The site describes the system as shared across Automattic products, brands, and contexts, and provides guidance for designers and engineers. | Figma describes its wireframing software as approachable for people who are not designers. |
| Purpose | The Automattic Design System is a set of packages used together to build products. | The component-based wireframe kit is designed to help validate ideas and speed up website design. |
Plans
Figma Wireframe Kit
- StarterFree
- Professional Collab seat$3 a month
- Enterprise Collab seat$5 a month
- Organization Collab seat$5 a month
- Professional Dev seat$12 a month
- Professional Full seat$16 a month
- Organization Dev seat$25 a month
- Enterprise Dev seat$35 a month
- Organization Full seat$55 a month
- Enterprise Full seat$90 a month
In their own words
Automattic Design System
Automattic Design System has no write-up on Specifiction yet; its figures are above.
Figma Wireframe Kit
Figma Wireframe Kit is a browser-based set of components for turning early ideas into website wireframes, mockups, and clickable prototypes. Drag-and-drop tools let users assemble screens from ready-made elements such as navigation bars, headers, features, and buttons. The kit can also be used to wireframe mobile apps. Wireframes can become interactive prototypes without code, and comments remain with the design files to keep feedback in context. Files can be shared by link and opened in a browser for collaboration. The templates run in the browser without additional software downloads. Figma lists integrations with Slack, Google Workspace, Microsoft Teams, Jira, Confluence, Zapier, and Notion. Starter costs nothing and includes limited access to Figma products, unlimited drafts, UI kits, and templates. Listed platforms include Android, extension, iOS, macOS, web, and Windows. Figma describes the software as approachable for people who are not designers.