Anleitungen

Starten Sie jedes Webflow-Projekt mithilfe des Webflow Acme Style Guide

__wf_reserviert_dekorativ
Starten Sie jedes Webflow-Projekt mithilfe des Webflow Acme Style Guide
January 25, 2024

  · 1 min

In diesem Beitrag verweisen wir Sie auf den wenig bekannten Webflow Acme Style Guide, um jedes Webflow-Projekt zu beschleunigen, indem Sie Ihr eigenes Designsystem direkt in Ihrem Projekt erstellen.

Webflow ist also so einfach zu bedienen und flexibel wie es nur geht, aber manchmal verbringt man einfach so viel Zeit damit, grundlegende Elemente zu gestalten, wenn man mit einem Projekt beginnt und immer wieder dieselben Dinge stylt. Manche Leute beginnen damit, von Anfang an einen Styleguide für ihr Projekt einzurichten. Wenn Sie also einen Absatz oder was auch immer verwenden, ist der Basisstil für dieses Element bereits eingerichtet. Da das großartig ist, ist es so, wie es sein sollte. Ein solides Designsystem macht die Dinge einfach, schnell und die Regeln für Ihr Projekt sind festgelegt. Das Problem ist, niemand möchte jedes Basis-Tag-Element hinzufügen wie <!-- fs-richtext-ignore --><p><h1><h2>usw. usw. jedes Mal, wenn Sie ein neues Projekt starten. Ja, auf lange Sicht spart es Zeit, aber warum tun, die Experten von Webflow haben es bereits für Sie erledigt, und ja nochmal, deshalb lieben wir das Webflow-Team.

Folgen Sie einfach dem Link zu dem praktischen klonbaren Projekt, das die Webflow University erstellt hat, klonen Sie das Projekt, öffnen Sie sie, kopieren Sie alles und fügen Sie es in die Styleguide-Seite Ihres neuen leeren Projekts ein. Jetzt stylen Sie sie und fertig. Webflow hat die ganze Arbeit gemacht, das Projekt enthält jedes Webflow-Basis-Tag-Element. Alles, was Sie tun müssen, ist zu stylen und schon haben Sie ein Designsystem für Ihr Webflow-Projekt, etwas, das jedes Webflow-Studio oder jeder Webflow-Designer benötigt.

Hier geht's zum Projekt.

Für ausführliche Webflow-Anleitungen finden Sie hier.

Teilen

Alle Beiträge

Hintergrund mit Farbverlauf