Unify your visual identity across all your sites
Webflow Shared Libraries empower design teams to share components, variables, and assets across multiple sites — so your organization can deliver consistent experiences and manage changes at scale.
For teams managing multiple sites
Design leaders
Preserve your brand’s visual identity across all web experiences by unifying and sharing your design system within Webflow.
Designers
Eliminate tedious, repetitive tasks — like recreating components or uploading assets for each site — so you have time for true creative work.
Marketers
Ship content faster while staying on-brand with design-approved building blocks.
Give your whole team the right building blocks
Create a shareable source of truth for your reusable components, variables, and assets.
Shared variables
Keep styles on brand with shared variables for color, font, spacing, and more. Plus facilitate easy theme updates and scale multi-brand design systems with variable modes.
Shared components
Share pre-built components like navbars, sections, buttons, and cards for a consistent look and feel — while also leveraging props, slots, and variants for customization within guardrails.
Shared assets
Provide a centralized repository for recurring, brand-approved assets — like logos, icons, hero images, and more — that your team can easily apply to multiple sites.
Streamline change management
Whether you’re making small tweaks or executing a major rebrand, Shared Libraries provide governance and scalable change management workflows.
Review updates before they go live
Each designer can review and accept updates to Shared Libraries when they're ready, rather than rushing to implement changes all at once — ensuring a smooth and stable deployment.
Seamlessly update designs across multiple sites
Update your Shared Library just once — after the changes are accepted, Webflow will cascade them across all your sites.
Centrally manage your Libraries
Manage all Library installations and updates at scale from a single dashboard view.
Safeguard your
Shared Library
Leverage roles and permissions to control who can share, install, and manage Libraries.
“As a Webflow Agency, having our own Shared Library of standard components has reduced dev time and allowed us to ship new projects 15% faster. It has also made us look like superstars to our clients, as we’re able to minimize errors and inconsistencies, while delivering high quality work in a super efficient manner.”
“With WordPress, we had to rely on third-party services, constantly update plugins, and carefully manage security risks. Webflow transformed our operations: We now have peace of mind and can focus on reaching more customers.”
Pricing
Shared Libraries are available for Webflow customers on all paid Workspace plans.
All features
Frequently asked questions
Die Designsystem-Tools von Webflow schaffen eine gemeinsame Sprache zwischen Designer:innen, Entwickler:innen und Marketer:innen – Sie können nicht nur robuste, atomare Designsysteme in Webflow aufbauen, sondern auch Konsistenz mit Designsystemen in Figma und React-Code-Repositories wahren. Designer:innen können die zentrale Library erstellen und pflegen, während Marketingteams vorab freigegebene Komponenten und Templates nutzen, um eigenständig neue Seiten zu erstellen – immer im Rahmen der Marke und ohne ständige Designabstimmung. Komponenten-Properties, Slots und Varianten bieten individuelle Anpassungsmöglichkeiten innerhalb klarer Sicherheitsvorgaben, sodass Teammitglieder Designs auf ihre spezifischen Anforderungen zuschneiden können, ohne das System zu „brechen“.
Variable Modes ermöglichen anspruchsvolle Theming-Funktionen. So können Teams mehrere Markenvarianten verwalten oder Responsive-Designs erstellen, die sich automatisch an unterschiedliche Kontexte anpassen.
Dieser kollaborative Ansatz reduziert Abstimmungsschleifen zwischen Teams, verhindert Design-Drift und versetzt alle Beteiligten in die Lage, zu Ihrer Webpräsenz beizutragen, ohne professionelle Standards zu gefährden.
Webflow Shared Libraries bieten Governance-Funktionen, die Markenkonsistenz sicherstellen – auch wenn Ihr Team und Ihr Website-Portfolio wachsen. Jede Person im Designteam kann Library-Updates im eigenen Tempo prüfen und übernehmen. So vermeiden Sie überstürzte Änderungen, die bestehende Designs beeinträchtigen könnten.
Das zentrale Dashboard ermöglicht die Verwaltung aller Library-Installationen und -Updates an einem Ort und gibt Ihnen einen Überblick darüber, welche Websites welche Versionen Ihres Designsystems verwenden.
Über rollenbasierte Berechtigungen steuern Sie, wer Libraries teilen, installieren und verwalten darf. So bleiben systemweite Änderungen in den richtigen Händen. Gleichzeitig behalten Teams die Flexibilität, sowohl kleinere Designanpassungen als auch komplette Rebrandings kontrolliert umzusetzen.
Aktualisieren Sie Ihre Shared Library einmal, und Webflow übernimmt freigegebene Änderungen automatisch für alle Ihre Websites.
Ein umfassendes Designsystem in Webflow umfasst fünf zentrale Elemente:
- Variablen (Farben, Schriften und Abstände)
- Stil-Selektoren (Klassen und Tags)
- Komponenten (wiederverwendbare UI-Elemente)
- Seiten-Templates
- Shared Libraries
Variablen speichern Ihre Markenwerte, wie etwa Farb-Tokens und Typografie-Skalen. So brauchen Sie diese nur einmal zu aktualisieren und die Änderungen werden überall übernommen.
Komponenten verwandeln häufig verwendete Elemente in wiederverwendbare Bausteine, deren Eigenschaften sich flexibel anpassen lassen.
Seiten-Templates kombinieren diese Elemente zu fertigen Layouts, die auch Nicht-Designer:innen in die Lage versetzen, markenkonforme Seiten zu erstellen, ohne bei null anfangen zu müssen.
Durch klare Benennungskonventionen für diese Elemente schaffen Sie ein Designsystem, das mit Ihrem Team mitwächst und für Einheitlichkeit in Ihrer gesamten Webpräsenz sorgt.
Webflow Shared Libraries bieten ein zentrales Repository für Komponenten, Variablen und Assets, die Sie erstellt haben und die für alle Websites in Ihrem Workspace genutzt werden können. Sie können wiederverwendbare Elemente wie Navigationsleisten, Buttons und Hero-Sections einmal erstellen und in jede Website einbinden, auf der Sie sie benötigen – so entfällt die mühsame Arbeit, dieselben Elemente für jedes Projekt neu anzulegen.
Erstellen Sie zunächst eine dedizierte Designsystem-Website, die als Single Source of Truth fungiert. Teilen Sie anschließend bestimmte Komponenten, Variablen oder Assets aus dieser Bibliothek mit anderen Websites in Ihrem Workspace. Wenn Sie ein Element in Ihrer Shared Library aktualisieren, lassen sich diese Änderungen auf alle verbundenen Websites übertragen. Das sorgt für Markenkonsistenz und spart stundenlange manuelle Anpassungen. Gleichzeitig kann jede Website diese geteilten Elemente nutzen und sie über Props, Slots und Varianten innerhalb der definierten Design-Sicherheitsvorgaben flexibel anpassen.
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
