Komponentenbibliotheken und Designsysteme
Nutze die eingebauten Figma- und React-Bibliotheken oder bring deine eigenen Komponenten in ein Projekt.
Zuletzt aktualisiert:
Eingebaute Bibliotheken
UXMagic bringt zwei durchsuchbare Bibliotheken mit, aus denen du beim Designen schöpfen kannst:
- Figma-Komponentenbibliothek — Komponenten, fertig zum Einsetzen in eine Figma-Datei.
- React-Komponentenbibliothek — Code-Komponenten nach denselben Mustern.
Beide sind nach Kategorien geordnet, und jede Komponente hat Varianten.
Dein eigenes Designsystem einbringen
Importier deine Figma-Komponenten oder dein Designsystem in ein Projekt, damit generierte Screens deine Komponenten nutzen statt generischer. Siehe Aus Figma importieren.
Nach dem Import nenne sie beim Namen:
Nimm unsere Button- und Card-Komponenten für die Preisstufen.
Generierte Screens im System halten
Zwei Dinge erledigen den Großteil der Arbeit:
- Ein Theme, das zu deiner Marke passt, damit Farben und Schrift von vornherein stimmen. Siehe Themes und Styleguides.
- Ausdrückliche Anweisungen, wenn die KI anfängt zu improvisieren: „Nutze ausschließlich Komponenten aus unserer importierten Bibliothek.“
Im Enterprise-Tarif
Enterprise-Tarife enthalten ein gemeinsames Designsystem und eine gemeinsame Komponentenbibliothek für das ganze Team, sodass die generierten Screens aller von denselben Komponenten ausgehen.
War dieser Artikel hilfreich?
Verwandte Artikel
Aus Figma importieren
Hol einen vorhandenen Figma-Frame in UXMagic und bearbeite ihn mit KI weiter.
Themes und Styleguides
Wie das Projekt-Theme funktioniert, wie du es gefahrlos änderst und warum Farben nie Screen für Screen bearbeitet werden sollten.
Code exportieren (HTML, React, Tailwind)
Exportier einen einzelnen Screen oder ein ganzes Projekt als produktionsreifen Frontend-Code.