Wie man dieses Design-System nutzt

Jeder Designer und jede Designerin, neu und alt, sollte dieses System überprüfen und Kommentare, Feedback oder Fragen hinterlassen. Dieses Design-System soll alleiniger Ort für das gesamte Design-Team sein, um einheitlich zu bleiben und doppelte Arbeit zu vermeiden.


Typografie

Verwende diesen Abschnitt, um die Typografie deines Teams zu organisieren, von der Schaltflächenbeschriftung bis zum den Absätzen des Textkörpers. Bette ganz leicht deine Figma-Dateien ein (die automatisch aktualisiert werden) und bringe dein Team auf den gleichen Stand.

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FELA2eUsauhPurBx8cZCTun%2FUntitled%3Fnode-id%3D0%253A1


Vorlagen

Beziehe vorgefertigte Komponenten ein, die zu häufig verwendeten Vorlagen zusammengefügt werden. Wenn du eine neue Vorlage hinzufügen möchtest, kannst du sie in diese Figma-Datei einfügen, in der du auch alle Vorlagen deines Designteams finden kannst:

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FXEFbBEuHyXolt5cJmBujWV%2FTemplate-Library%3Fnode-id%3D247%253A43


Modi

In diesem Abschnitt kann dein Team Farben, Kontraste und Richtlinien für die Zugänglichkeit für unterschiedliche Modi deines Produkts finden.

Heller und dunkler Modus

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FpOoLP67zoCt3ac71zM5Dbk%2FTheme-Library-Light-and-Dark%3Fnode-id%3D0%253A1


Icons

Liste alle ikonografischen Designs auf, die dein Team nutzt. Die Darstellung von Markenrichtlinien und allgemeinen Anwendungsfällen hilft deinem Team, einheitlich zu arbeiten.

Gefüllte und umrissene Icons

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FPAwOPZ68tngYzbR6RyxKay%2FIcon-Library-Filled-and-Outline%3Fnode-id%3D0%253A1