Figma to Webflow plugin

„Figma to Webflow“ ist ein erstaunliches Plugin des Webflow Labs-Teams, und ich sehe wirklich sein erstaunliches Potenzial. Allerdings fehlen ihm drei Schlüsselfunktionen, die für mich als fortgeschrittenen Webflow-Entwickler wichtig sind: 1. Nur eine Klasse – es ist unmöglich, mit diesem Plugin Kombinationsklassen zu haben, daher ist es überhaupt nicht effektiv. 2. Klassenduplizierung – macht den Zweck des Plugins völlig zunichte, da es eine Menge Klassen wie „Button 42“ oder „Section Wrapper 228“ erstellt. Es gibt eine Erweiterung des Relume-Teams für seine Relume-Bibliothek, die das Problem der Klassenduplizierung in Webflow löst, aber mit dem Plugin nicht funktioniert. 3. Nur automatische Layouts – was mir wirklich gefällt, weil sie großartig sind, aber wir verwenden nicht ständig Flexbox (Raster und nur statische Blöcke mit Abständen/Rändern). Bedenken Sie, dass es sich um eine sehr frühe Beta handelt, daher hoffe ich, dass sich das Plugin zu einem Entwicklungsunterstützungstool der nächsten Generation weiterentwickeln wird.

Wie immer habe ich mein Design in Figma erstellt, das Plugin ausgeführt, buchstäblich auf „In Webflow kopieren“ gedrückt, dann in Webflow Befehl + V gedrückt und bumm 🤯 das Site-Design wurde portiert, alles im Takt. Als MVP ist das unglaublich! Ich bin gespannt, wo sie den Funktionsumfang in Zukunft erweitern werden …

Trägt dazu bei, einen schlankeren Designprozess zu schaffen, erfordert jedoch eine reibungslosere Integration mit CSS-Stilen. Es gibt immer noch viel manuelle Arbeit, um ein Design in Webflow zu verfeinern.