Komponentenbibliothek
Eine Komponentenbibliothek ist eine Sammlung fertiger, wiederverwendbarer Bausteine wie Buttons, Cards, Navigation und ganzer Seitenabschnitte, aus denen Teams neue Seiten zusammensetzen, ohne jede von Grund auf zu gestalten.
Jede Komponente wird einmal gebaut, mit ihren Varianten und Zuständen, und überall wiederverwendet, wo sie gebraucht wird. Wer die Hauptkomponente ändert, ändert jede Kopie mit.
Komponentenbibliothek vs. Design System
Ein Design System umfasst die Regeln, Design Tokens, Komponenten und Richtlinien. Die Komponentenbibliothek ist der praktische Teil davon: die Bausteine, die man tatsächlich auf eine Seite zieht.
Auf einer Marketing-Website
Section-Komponenten (Hero, Logos, Features, Testimonials, Preise, FAQ, CTA) lassen das Marketing neue Seiten zusammenstellen.
Controls für Text, Bild und Varianten machen das Bearbeiten sicher, ohne das Layout zu zerstören.
Mit dem CMS verbundene Komponenten halten Blog, Case Studies und Vergleiche einheitlich.
Für Gather hat Trueform die Website von Webflow zu Framer migriert, das Design System aufgefrischt und eine modulare Komponentenbibliothek gebaut, die das Team selbst betreibt. Das Team von Bilt veröffentlicht jeden Monat neue Seiten auf dem Komponentensystem, das Trueform gebaut hat. Siehe Case Study Gather.
FAQ
Wie viele Komponenten braucht eine Marketing-Website?
Das hängt von den Seitentypen ab. Die meisten Websites brauchen einen Satz Section-Komponenten für Startseite, Produkt-, Preis- und Content-Seiten sowie kleinere Elemente wie Buttons und Cards.
Können Marketing-Teams in Framer Seiten aus einer Komponentenbibliothek bauen?
Ja, das ist der Hauptgrund für eine Bibliothek: Das Marketing kombiniert Sections und bearbeitet die Inhalte, ohne das zugrunde liegende Design zu verändern.
Verwandte Begriffe
Designsystem
Ein Designsystem ist ein gemeinsamer Satz wiederverwendbarer Komponenten, Stile und Regeln, etwa Farben, Typografie, Abstände, Buttons und Sections, der eine Website oder ein Produkt beim Wachsen einheitlich hält.
Design Tokens
Design Tokens sind benannte Werte für die grundlegenden Designentscheide einer Marke, etwa Farben, Schriftgrössen, Abstände und Eckenradien, die einmal festgelegt und überall wiederverwendet werden, statt sie von Hand einzutippen.
Marketing-Website
Eine Marketing-Website ist die öffentliche Website eines Unternehmens, die erklärt, was es anbietet, Vertrauen aufbaut und Besucher zu Leads, Anmeldungen oder Käufen macht, im Gegensatz zum Produkt oder zur App selbst.
Passend bei Trueform:
