From 93b250abb1b33724c261b7a4dd381a5dde1bad30 Mon Sep 17 00:00:00 2001 From: Daniel Kopp Date: Wed, 1 Feb 2023 13:36:03 +0100 Subject: [PATCH] docs: add design system --- radar/2022-10-12/design-system.md | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 radar/2022-10-12/design-system.md diff --git a/radar/2022-10-12/design-system.md b/radar/2022-10-12/design-system.md new file mode 100644 index 0000000..49e8ed0 --- /dev/null +++ b/radar/2022-10-12/design-system.md @@ -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.