Locofy

Locofy is een AI-gestuurd hulpmiddel dat je Figma- of Penpot-ontwerpen omzet in echte frontendcode. In plaats van dat een ontwikkelaar een ontwerp helemaal opnieuw opbouwt, leest Locofy de lay-out en zet deze om in nette, werkende code voor web- en mobiele apps.

Het maakt gebruik van zijn eigen AI-modellen, Large Design Models genaamd, die speciaal zijn gebouwd en getraind voor het begrijpen van ontwerpen. Deze modellen zijn getraind op miljoenen ontwerpen, waardoor de code die eruit komt goed gestructureerd, responsief en gemakkelijk leesbaar en uitbreidbaar is voor een ontwikkelaar.

Je kunt Locofy gebruiken via een Figma- of Penpot-plugin, door een ontwerplink te plakken, via een commandoregelhulpmiddel, of rechtstreeks in AI-codeertools zoals Cursor en Claude Code met behulp van MCP. Nadat de code is gegenereerd, kun je deze verder verfijnen met eenvoudige tekstprompts.

Er is een gratis plan om het uit te proberen, naast betaalde plannen voor individuen, professionele teams en grote bedrijven die maatwerk nodig hebben.

• Zet Figma- en Penpot-ontwerpen om in code

• Ondersteunt React, Vue, Angular, Flutter en meer

• AI-gestuurde Large Design Models voor nauwkeurigheid

• Agent Mode voor tekstgebaseerde codeverfijning

• Herbruikbare aangepaste Skills voor teamstandaarden

• CLI, VS Code-extensie en GitHub-synchronisatie

• MCP-ondersteuning voor Cursor en Claude Code

• Private cloud- en self-hosted opties