Neues von Kreavis: Bachelorarbeit abgeschlossen!

Mit großer Freude habe ich erfolgreich meine Bachelorarbeit fertiggestellt. Gemeinsam mit KREAVIS entsandt die Arbeit mit dem Titel:

„Von Mockup zu Markup – Vergleich moderner Webdesign-Tools zur automatisierten Codegenerierung aus Screendesigns“

Ausgangslage im Alltag bei Kreavis: Designs in Figma oder Adobe XD entstehen – aber der Weg zum sauberen Code oder zur fertigen WordPress Seite war oft mühsam.

Ziel der Arbeit: Effizientere Workflows schaffen – weniger Manual Copy/Paste, mehr Automatisierung im Entwicklungsprozess.

Dafür habe ich Figma (Design-first + Dev Mode) und Webflow (visueller Editor mit HTML-/CSS-/JS-Export) anhand eines auf KREAVIS zugeschnittenen Kriterienkatalogs verglichen: von Responsiv Design über Codequalität bis zur WordPress-Integration.

Figma punktet bei kreativer Freiheit, Interface & Designsystemen – aber: Plugin-basierter Codeexport bleibt limitiert und unvollständig

Webflow erzeugt direkt valide, semantische und responsiv einsetzbare Websites, inklusive WordPress-kompatiblem Export – Designflexibilität ist jedoch etwas eingeschränkter

Ergebnis: Figma überzeugt im Designprozess, kann im Entwicklungsprozess aber noch nicht mit einem What-You-See-Is-What-You-Get Editor wie Webflow mithalten.

Es gibt leider nicht das perfekte Tool für unsere Anforderungen. Aber durch eine schlaue Kombination beider Tools, profitiert KREAVIS an mehreren Stellen:

• Mehr Effizienz, weniger manuelle Arbeit bei Routineaufgaben
• Schnellerer Weg von der Idee zur Webseite
• Raum für Kreativität, statt für administrativen Aufwand

Tools wie Figma und Webflow entwickeln sich weiter – Stichworte: KI-gestützter Codeexport, verbesserte Barrierefreiheit, CMS-Anbindung und die neuen Produkte von Figma wie Figma Sites.

Wir bei Kreavis bleiben aufmerksam, evaluieren regelmäßig und setzen auf Innovation und intelligente Prozesse.

Danke an das Kreavis-Team – für die enge Zusammenarbeit, die Betreuung und das hilfreiche Feedback!
Ich freue mich auf Insights von euch – insbesondere zu euren Erfahrungen mit Figma und/oder Webflow im Live-Einsatz.

Mit Liebe getextet von
Emma

Fachgebiete
Code-Zauberin, Handball-Jongleurin

Kurz gesagt
Bringt Ordnung ins Code-Chaos und sorgt dafür, dass Design und Funktion zusammenpassen. Wenn sie nicht gerade Frontend-Feinschliff betreibt, optimiert sie Ladezeiten oder pixelperfekte Details – verständlich, präzise, mit viel Gespür.

Lieblingssatz im Team
„Das geht auch barrierefrei!“