Verbindung zwischen Design und Content in einem CMS › PAGE online
Diese neuen Funktionen sind für Designer:innen und Entwickler:innen interessant, denn sie versprechen schnellere, vereinfachte Workflows an der Schnittstelle Design und Content-Management-System mit Figma und Storyblok.
Visual Editor
Das Designtool Figma zählt zu den beliebtesten Anwendungen in der Kreativszene – wie der neue »Design Systems Report« zeigte. Figma ist unter anderem so viel genutzt, weil es sich dadurch auszeichnet, immer mehr Brücken zwischen Design und Entwicklung zu bauen. Die Config in London hatte kürzlich die allerneuesten Figma-Tools vorgestellt.
Denn an dieser Schnittstelle gibt es manchmal noch komplizierte Workflows zwischen beiden Disziplinen. Aber es wird Schritt für Schritt immer einfacher, denn mehr und mehr Tools launchen Funktionen, die hier greifen und sich dieser Problematik widmen.
Und so hat letztens das Headless Content-Management-System (CMS) Storyblok, damit arbeiten vor allem Design- und Content-Teams, zwei neue Funktionen vorgestellt, die das Arbeiten für Entwickler:innen leichter machen sollen. Aber auch für die Content Creators aus den Design-Teams.
Verbindung zwischen Design und Content mit Figma
Die Integration in Figma verspricht, dass man Designs sehr schnell in CMS-Komponenten umwandeln kann. Damit müssen dann Designs nicht mehr schrittweise in die Content-Strukturen des CMS übertragen werden, das geschieht nun durch die Integration direkt.
Damit fallen Abstimmungsrunden weg und es gibt weniger Fehler bei Implementierungen von Designs in den Code des CMS.
Wenn Figma-Frames in CMS-Komponenten umgewandelt werden, haben es, so verspricht das Tool, beide Disziplinen leichter, miteinander zu arbeiten.
Die Designs können beispielsweise so auch schneller in andere Sprachen überführt werden, erweiterte Roll-outs sind ebenso rascher umgesetzt.
Hier ein paar Screenshots, die einen Eindruck geben, wie das funktioniert:
Screenshot: Von Figma nach StoryblokScreenshot: So sieht das in Storyblok ausScreenshot: Exportierte Komponentenansicht innerhalb der Storyblok-Blockbibliothek
Für Entwickler:innen ebenso spannend ist der GitHub-Login. Dafür braucht man keinen eigenen Account, denn das funktioniert direkt im CMS selbst. Ein UX-Upgrade, das Anmeldeprozesse vereinfacht.
Angesichts der zahlreichen Tools, mit denen Entwickler:innen-Teams arbeiten, ist das durchaus vorteilhaft, wenn man sich einmal Zugangsdaten sparen kann.
Das CMS Storyblok verspricht den Nutzenden damit allgemein eine verbesserte User Experience, in erster Linie, um Workflows und Prozesse in Designprojekten zu vereinfachen.
