AJR/TechradarDev
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs: add design system

Browse Source
This commit is contained in:
Daniel Kopp
2023-02-01 13:36:03 +01:00
committed by Bastian
parent fa52be0270
commit 93b250abb1
1 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
radar/2022-10-12/design-system.md Normal file
View File

@@ -0,0 +1,21 @@
---
title: "Design System"
ring: trial
quadrant: "methods-and-patterns"
featured: true
tags: [ux/ui, frontend, coding, architecture, documentation]
---
A Design System is a collection of reusable design components,
guidelines and standards that serve as the foundation for creating a consistent user experience across a product or a whole brand.
It helps to create a unified visual language, improve collaboration among design and development teams,
and streamline the design and development process.
Design Systems also increase the maintainability of the design of products, making it easier for teams to make updates and add new features over time.
We are in the process to implement a design system in close cooperation with one of our customers.
Tools we use for this are [zeroheight](https://zeroheight.com/) as a documentation hub,
[Style Dictionary](https://amzn.github.io/style-dictionary) for the token generation,
[Storybook](https://storybook.js.org/) to document the components and [Figma](https://www.figma.com/) for the Designs.