> For the complete documentation index, see [llms.txt](https://docs.lovincyrus.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lovincyrus.com/notes/design-systems.md).

# Design Systems

> Design Systems are rules, principles & constraints

1. How to reduce css file size?
2. How to reduce the redundancy of the same css code?
3. How to have design systems as props or components so a project can have the desired consistency?

{% embed url="<https://www.designsystems.com/>" %}

{% embed url="<https://github-ds.now.sh>" %}

{% embed url="<https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0>" %}

{% embed url="<https://primer.style/css>" %}

{% embed url="<https://zeit.co/design/nextjs>" %}

{% embed url="<https://styled-system.com/>" %}

{% embed url="<https://css-tricks.com/front-end-documentation-style-guides-and-the-rise-of-mdx/>" %}