<aside> 💡 Notion-Tipp: Verwende diese Vorlage, um Design-Ressourcen teamweit zur Verfügung zu stellen und gemeinsam an ihnen zu arbeiten. Alle Überschriften, die du hinzufügst, werden automatisch in das Inhaltsverzeichnis aufgenommen und eingebettete Figma-Elemente werden in Echtzeit entsprechend deiner Inhalte aktualisiert.

</aside>

So wendest du das Design-System an

Alle Mitglieder deines Design-Teams, egal ob neu oder alt, sollten einen Blick in das System werfen und Kommentare, Feedback oder Fragen hinzufügen. Das System dient dem gesamten Design-Team als universale Informationsquelle, die sicherstellt, dass eine einheitliche Designsprache verfolgt wird und doppelte Arbeiten vermieden wird.


Typografie

In diesem Bereich kann dein Team alle Informationen zum Schriftbild des Unternehmens sammelnfür die Aufschrift von Buttons bis hin zum Fließtext. Du kannst auch problemlos Figma-Dateien einbetten, die sich automatisch aktualisieren. So bleiben alle stets auf dem neusten Stand.

https://www.figma.com/file/KyUAvUKW2NHVmLQggxs8Xp?embed_host=notion&kind=&node-id=0%3A1&viewer=1


Vorlagen

Du kannst bereits vorbereitete Elemente bereitstellen, die zu häufig genutzten Vorlagen zusammengefügt werden können. Wenn du eine neue Vorlage hinzufügen möchtest, kannst du es zu dieser Figma-Datei hinzufügen. Dort findest du auch alle anderen Vorlagen des Design-Teams:

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


Themes

In diesem Abschnitt werden die Farben sowie die Richtlinien zu Kontrast und Barrierefreiheit für die verschiedenen Themes deines Produkts dokumentiert.

Helles und dunkles Theme

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