3 ms·
Notable examples of design systems are Google's Material Design, Apple's Human Interface Guidelines, and the Atlassian Design System. A design system generally
by exiguus 1y ago
Notable examples of design systems are Google's Material Design, Apple's Human Interface Guidelines, and the Atlassian Design System.
A design system generally consists of two primary components:
- Code Resources: These include elements such as CSS/HTML, React components, and design tokens. Typically, these resources are part of a decoupled frontend setup that can be seamlessly integrated into various applications.
- Implementation Guidelines: These guidelines address both the technical implementation and, crucially, the UX/UI considerations, including the maintenance of a corporate identity.
Typically, a dedicated team develops and maintains the design system or UI library, while other teams utilize these resources in their respective applications.
- whilenot-dev 1y agoGP didn't ask what a design system is, they asked how their design system gets fed into the AI toolchain...
- exiguus 1y agoDidn't got that. Perhaps it's also because, from my perspective, the article concluded that designers are increasingly delegating the task of creating elements in Figma to AI. This shift allows them to concentrate more on combining various components, ensuring they are atomic and consistent, and aligning them with the corporate identity, among other responsibilities like A/B testing and so on.