Locofy.ai

Locofy verbindet Design und Entwicklung. Designer bereiten Bildschirme in Figma vor; Entwickler oder Designer kennzeichnen Elemente als Schaltflächen, Eingabefelder oder Listen. Locofy erstellt daraus komponentenbasierten Code mit responsiven Layouts, der vorab angesehen und in ein Projekt exportiert werden kann.

Unterstützt werden unter anderem React, Next.js, Gatsby, Vue und React Native; zur Synchronisierung ist eine GitHub-Anbindung möglich. KI erkennt Komponenten und responsives Verhalten automatisch. Mit Builder können Nutzer vor dem Export Änderungen und Logik ergänzen.

Locofy bietet einen kostenlosen Tarif und kostenpflichtige Pläne. Generierter Code muss geprüft und oft an Teamkonventionen angepasst werden. Alternativen sind Anima, DhiWise, Builder.io Visual Copilot, Figma Dev Mode und v0. Locofy eignet sich für Teams, die schnell vom Design zum Code gelangen möchten.