Zum Inhalt springen

Verleihe deiner Idee eine visuelle Sprache.

Erstelle Designpakete mit wiederverwendbaren Assets, Design-Tokens und strukturierten Exporten für die nächste Phase deines Projekts.

Vom Briefing zum Ergebnis.

01

Richtung festlegen

Beschreibe Zielgruppe, visuelle Referenzen, Formate und Rahmenbedingungen.

02

Ein stimmiges Paket erstellen

Erzeuge Design-Assets und wiederverwendbare Styling-Informationen gemeinsam.

03

Exporte prüfen

Prüfe die Dateien und Ausgabekontrollen, und verfeinere dann die Teile, die noch besser passen müssen.

Ein Design-Paket ist ein kreatives Ergebnis. Wähle einen Website- oder App-Build, wenn du zusätzlich ein funktionierendes Produkt benötigst.

Von einer visuellen Richtung zu einem wiederverwendbaren Designsystem.

Sieh dir die Identität, die Komponenten und die Dateien an, die das Design in dein nächstes Projekt tragen.

Die visuelle Sprache finden

Mach die Identität zu einem Teil deiner Idee.

Beschreibe Zielgruppe, Charakter und Orte, an denen das Design funktionieren muss. Die KI entwickelt daraus ein Design-Paket: eine Markenidentität, ein Interface-System, eine Illustrationsreihe oder eine andere unterstützte Sammlung. Prüft gemeinsam Palette, Typografie und Begründung, damit die einzelnen Teile stimmig wirken.

  • Gib der KI visuelle Referenzen und praktische Rahmenbedingungen.
  • Betrachte Marke, Schrift und Palette als eine Identität.
  • Fordere Änderungen an der Richtung an, bevor du die Assets in die Produktion übernimmst.
Beispiel einer Outdoor-Journal-Identität mit Wortmarke, Blattsymbol, Farbpalette und Schriftmustern

Das System aufbauen

Sorge dafür, dass die Details zusammenpassen.

Bei Design-Paketen für Interfaces verbinden wiederverwendbare Tokens Farbe, Typografie, Abstände und Komponentenstile. Ein gerendertes Komponentenblatt zeigt Steuerelemente in ihren relevanten Zuständen. Die Plattform prüft Token-Struktur, Kontrast und Komponentenkonsistenz, während die Design-Überprüfung bewertet, wie gut das Paket dem Briefing entspricht.

  • Prüfe Buttons, Felder und andere wiederverwendbare Komponenten.
  • Prüfe Fokus-, Deaktiviert- und Fehlerzustände neben der Standardansicht.
  • Nutze die gemeinsamen Tokens, um dasselbe Styling in die Umsetzung zu übertragen.
Beispiel eines Komponentenblatts mit abgestimmten Buttons, Eingabezuständen, Tabs und einer Artikelkarte

Die Arbeit weiterführen

Halte die Assets im Einklang mit dem Design.

Öffne eine Übersicht des Pakets und folge den Links zu den Ergebnissen. Je nach Briefing können diese Vektor-Master, Rasterexporte, ein Komponentenblatt, Design-Tokens und ein Brand Book umfassen. Wenn bearbeitbarer Figma-Export aktiviert und verbunden ist, verwende den generierten Übergabelink, sobald dieser Export abgeschlossen ist.

  • Prüfe die Dateiliste und den vorgesehenen Verwendungszweck jedes Ergebnisses.
  • Übernimm wiederverwendbare Assets und Tokens in deinen Design- oder Entwicklungs-Workflow.
  • Prüfe den Exportbericht, bevor du eine Datei oder Integration als geliefert betrachtest.
Beispiel einer Design-Übergabe mit Vektorgrafiken, Design-Tokens und passenden wiederverwendbaren Layouts

Der Ablauf

Halte die Arbeit vernetzt.

  1. Ergebnis beschreiben

    Beschreibe Zielgruppe, gewünschtes Ergebnis und Einschränkungen. Verfeinere die Richtung, bevor du fortfährst.

  2. Arbeit prüfen

    Sieh dir die generierten Dateien, die verfügbare Vorschau und die für das Ergebnis relevanten Prüfungen an.

  3. Nächste Version erstellen

    Fordere Änderungen an und exportiere oder nutze den von diesem Projekt unterstützten Übergabe-Workflow.

Fragen & Antworten

Etwas Klarheit, bevor Sie starten.

Was kann ein Design-Paket enthalten?+
Ein Paket kann Markenassets, Icons, Paletten, Typografie, Illustrationen, Komponentenblätter und unterstützte 3D-Assets enthalten. Das Briefing bestimmt, welche Ergebnisse zum Paket gehören.
Was sollte ich in das Design-Briefing aufnehmen?+
Beschreibe Zielgruppe, Stimmung, visuelle Referenzen, geplante Formate und bestehende Markenvorgaben. Gib an, wo die Assets verwendet werden, damit das Paket für diesen Kontext gestaltet werden kann.
Kann ich das Design vor der Nutzung ansehen?+
Das Paket enthält eine Übersicht sowie ein Komponentenblatt, wenn das Ergebnis dies erfordert. Prüfe die visuellen Assets, wiederverwendbaren Tokens und relevanten Komponentenzustände, bevor du sie übernimmst.
Was prüft die Designverifizierung?+
Prüfungen kontrollieren aufgelistete Dateien, Design-Tokens, relevante Kontrastpaare, Komponentenzustände und unterstützte Exporte. Ein Design-Review berücksichtigt zudem, ob das Paket stimmig ist und dem Briefing entspricht.
Kann ich die Assets exportieren?+
Prüfe und lade die für das Paket erstellten Dateien herunter. Unterstützte Ergebnisse umfassen Bild-, PDF- und 3D-Exporte, sofern angefordert; die genauen Dateien hängen von den gewählten Assets und dem verfügbaren Workflow ab.
Enthält ein Design-Paket eine funktionsfähige Website oder App?+
Ein Design-Paket liefert kreative Assets und wiederverwendbare Design-Informationen. Wähle den Website Builder oder App Builder, wenn du ein funktionsfähiges Produkt benötigst, und gib die Designrichtung im Briefing dieses Builds an.

Was wirst du erschaffen?

Erstelle einen Build oder lass ein Spezialistenteam an deiner nächsten Aufgabe arbeiten.