> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nuwacom.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Designsystem erstellen

Beim Erstellen eines Designsystems öffnet sich ein Chat neben der zugehörigen Seite. Die Seite füllt sich mit den Elementen, die im Verlauf des Gesprächs gesammelt werden. Jeder Erstellungs-Chat baut ein Designsystem auf. Als Ausgangspunkt können eine Website, verschiedene Markendateien oder eine Beschreibung im Chat dienen.

1. *Designsysteme* öffnen.
2. Ein neues Designsystem erstellen.
3. *Deine Website* oder *Markendateien* als Ausgangspunkt wählen.
4. Die URL deiner Website eingeben oder eine Präsentation, eine Vorlage, eine PDF- oder Word-Datei bereitstellen.
5. Den Überblick, Farben, Typografie, Logos, Grafiken und Dateien im Editor prüfen.

Ein Designsystem kann auch ohne Website oder Datei erstellt werden. In diesem Fall fragt der Builder im Chat grundlegende Informationen zur Marke ab. Logos, Grafiken und Schriftdateien lassen sich dabei separat hinzufügen.

## Designsystem überprüfen

Nachdem nuwacom die bereitgestellten Quellen verarbeitet hat, ist das Designsystem in sechs Tabs gegliedert:

* *Überblick*: Eine Zusammenfassung des Designsystems und seiner Gestaltungsrichtlinien.
* *Farben*: Die erfasste Farbpalette.
* *Typografie*: Die erfassten Schriftarten.
* *Logos*: Markenlogos.
* *Grafiken*: Weitere visuelle Assets.
* *Dateien*: Als Quellen hinzugefügte Dateien.

Um das Ergebnis zu prüfen, das Designsystem im Chat auswählen und eine repräsentative Ausgabe erstellen, etwa eine Landingpage oder eine Präsentation. Anschließend das Erscheinungsbild mit den Markenmaterialien vergleichen.

## Ein Designsystem aufrufen

Ein Designsystem lässt sich auf der Startseite des Chats oder über ***@ > Designsysteme*** auswählen. Ist im Workspace nur ein Designsystem verfügbar, wendet nuwacom es automatisch an.

Stehen mehrere Designsysteme zur Verfügung keines ist ausgewählt, fragt nuwacom nach, welches verwendet werden soll. Es werden dabei nie zwei Designsysteme kombiniert.

Der Schalter an einem einzelnen Designsystem aktiviert oder deaktiviert dessen automatische Verwendung in den eigenen Chats. Ein deaktiviertes Designsystem bleibt für die manuelle Auswahl weiter verfügbar.

## Unterstützte Formate und Limits

Beim Erstellen eines Designsystems werden die folgenden Dateiformate und Quellen unterstützt:

**Dokumente**

* **PowerPoint:** .pptx, .potx

* **Word:** .docx, .dotx

* **PDF:** .pdf (erste 30 Seiten)

* **Dateigrößenlimit:** 50 MB pro Datei

**Websites**

* Müssen öffentlich über HTTPS erreichbar sein
* Maximale Prüfdauer: 45 Sekunden pro Website

**Bilder**

* .svg, .png, .jpg, .jpeg, .webp, .gif

**Schriften**

* .woff, .woff2, .ttf, .otf

**Grenzwerte für Designsysteme**

* **Farben:** Bis zu 12
* **Textstile:** Bis zu 24
* **Quellen:** Bis zu 50

***

## FAQ

**Was passiert, wenn eine Website nicht gelesen werden kann?**

Nur öffentliche zugängige HTTPS-Seiten können geprüft werden. Blockiert eine Seite den automatisierten Zugriff oder lädt sie zu lange, sollte stattdessen eine unterstützte Markendatei verwendet werden. Eine erfolglose Prüfung verändert das Designsystem nicht.

**Kann ein Designsystem auch ohne Markendateien oder Website erstellt werden?**

Ja. Eine Beschreibung im Chat bildet den Ausgangspunkt. Der Builder fragt grundlegende Markendetails ab und baut das Designsystem auf den Antworten basierend auf. Die Elemente lassen sich anschließend auf der Seite oder im Chat verfeinern.

**Welche Schriftarten werden automatisch abgerufen?**

Frei verfügbare, lizenzfreie Schriftarten, einschließlich geeigneter Web-Schriften, werden automatisch abgerufen.

**Welche Schriftarten müssen hochgeladen werden?**

Schriftarten, die eine Lizenz erfordern, müssen separat als Schriftdateien hochgeladen werden.

**Was bedeutet die Kennzeichnung *Schrift fehlt*, und wie wird sie behoben?**

Eine im Designsystem definierte Schrift steht dem System nicht zur Verfügung. Das betrifft lizenzierte Schriften ohne hochgeladene Schriftdatei sowie Schriften, die sich nicht automatisch abrufen lassen.

So wird das Problem behoben:

1. *Designsysteme* öffnen und das betroffene Designsystem auswählen.
2. Den Tab *Typografie* öffnen.
3. Die Schriftdatei für die mit *Schrift fehlt* markierte Schrift hochladen.

Sobald die Datei hochgeladen ist, steht die Schrift für Dokumente, Folien und Apps zur Verfügung, die mit diesem Designsystem erstellt werden.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.