Locofy
Locofy er et AI-verktøy som konverterer Figma- og Penpot-design til redigerbar frontend-kode. Du kan jobbe via plugin, URL-import, CLI eller MCP, og bruke resultatet som et startpunkt i React, HTML/CSS, Next.js og flere andre rammeverk. Locofy har også komponentkartlegging, responsiv kode og samarbeid i sanntid. Hobby koster fra ca. 40 USD per måned; Pro starter fra ca. 80 USD.
Locofy analyserer Figma- eller Penpot-filer og lager et frontend-utgangspunkt for blant annet React, HTML, CSS og React Native. Tjenesten passer team med et etablert design-til-kode-løp, og betalte planer starter fra ca. 40 USD i måneden etter en gratis prøveperiode.
Locofy.ai ble grunnlagt etter at teamet bak ville korte ned avstanden mellom ferdig design og frontend. Den første offentlige Product Hunt-lanseringen kom i februar 2023, mens Locofy Lightning ble lansert der i februar 2024. I september 2026 tilbyr plattformen fortsatt flere innganger: Figma- eller Penpot-plugin, import fra URL, CLI for utviklere og MCP for AI-agenter.
Arbeidsflyten begynner med en ramme eller et prosjekt. Locofy tolker lag, komponenter og layout, lar deg merke interaksjoner og koble designkomponenter til kodekomponenter, og eksporterer deretter et redigerbart prosjekt. Dokumentasjonen beskriver støtte for React, HTML/CSS, Next.js, React Native og flere mål, mens MCP-laget er laget for at en kodeassistent skal kunne bygge videre på designet.
- Styrken ligger i en konkret overgang fra designfil til responsiv frontend, med komponentkartlegging, GitHub-integrasjon og samarbeid på samme prosjekt.
- En uavhengig gjennomgang av design-til-kode-verktøy peker på at Locofy kan gi et godt startpunkt, men at ingen av verktøyene leverer kode som bør sendes til produksjon uten menneskelig gjennomgang.
- Hobbyplanen oppgir at innhold kan brukes til å forbedre plattformen. På Pro oppgir Locofy at innholdet ikke brukes til trening eller forbedring; Enterprise har også privat sky og selvhosting som mulige valg.
Locofy er derfor mer et håndoff- og kodegenereringsverktøy enn en full kodeassistent. Se guiden om AI-webdesign, AI for webutviklerbyrå og kategorien design og UX. Kilder: Locofy – nettside, Locofy – priser og personvern, Locofy – dokumentasjon, Locofy – lanseringshistorikk og Managed Code – uavhengig vurdering.
Nøkkelfunksjoner
- Konverterer Figma- og Penpot-filer til frontend-kode
- Plugin, URL-import, CLI og MCP i samme arbeidsflyt
- Eksporterer til React, HTML/CSS, Next.js og React Native
- Komponentkartlegging mot eksisterende kodebibliotek
- Responsiv layout, props og interaksjoner
- Samarbeid i sanntid på prosjekter
- GitHub-integrasjon og utviklertilpasset kodeeksport
Hvem passer det for
Passer for design- og utviklingsteam som allerede strukturerer skjermbilder godt i Figma eller Penpot, og vil spare tid på den første frontend-implementasjonen. Det er mindre egnet når designet inneholder mye egen logikk, uvanlige komponenter eller komplekse backend-avhengigheter.
Prising
- Free: Gratis i 7 dager — Full tilgang i syv dager, deretter konverteres kontoen til Hobby-planen.
- Hobby: fra ca. 40 USD/mnd — 2 000 LDM-tokens, én ramme om gangen, inntil 10 rammer per prosjekt og kodeeksport.
- Pro: fra ca. 80 USD/mnd — 4 000 LDM-tokens, inntil 25 rammer per prosjekt og oppgitt fravalg av trening på innhold.
- Enterprise: Pris etter avtale — Private sky- og selvhostingsvalg, flere team, egendefinerte komponenter og støtte.
Gratisnivå: Nye kontoer får full tilgang i syv dager uten betaling. Etterpå går kontoen over til Hobby-planen dersom den ikke avsluttes. Prisene er hentet fra leverandørens prisside i september 2026 og endrer seg ofte — sjekk alltid hos leverandøren før du kjøper.
Norsk språkstøtte
Locofy-grensesnittet og dokumentasjonen er på engelsk. Verktøyet kan eksportere norske tekster som allerede ligger i designet, men leverandøren dokumenterer ikke norsk UI, norsk promptstøtte eller norsk språkoptimalisering.
Fordeler
- Flere arbeidsflyter for både designere og utviklere
- Støtter Figma, Penpot, MCP og flere frontend-rammeverk
- Komponentkartlegging kan redusere manuelt håndoff
- Pro- og Enterprise-planer har tydeligere datavalg
Ulemper
- Hobbyplanen tillater bruk av innhold til plattformforbedring
- Generert kode trenger gjennomgang for logikk, tilgjengelighet og struktur
- Ingen dokumentert norsk grensesnitt- eller promptstøtte
- Betalt inngang er høy for enkeltbrukere
Bunnlinje
Locofy kan korte ned veien fra en gjennomarbeidet designfil til et brukbart frontend-skjelett. Verdien avhenger av hvor ryddig designet er, og av at en utvikler tar ansvar for kvalitet, tilgjengelighet og videre vedlikehold.
Kilder
Ofte stilte spørsmål om Locofy
Er Locofy gratis?
Locofy tilbyr en gratis prøveperiode på syv dager med full tilgang. Ifølge prissiden konverteres kontoen deretter til Hobby-planen, så du bør avslutte før perioden er over hvis du ikke vil betale.
Hva koster Locofy?
Hobby starter fra ca. 40 USD per måned, mens Pro starter fra ca. 80 USD. Enterprise-pris oppgis etter avtale og kan inkludere privat sky eller selvhosting.
Kan Locofy gjøre Figma om til React?
Ja. Locofy dokumenterer Figma-import og eksport til blant annet React, HTML/CSS, Next.js og React Native. Resultatet er et redigerbart utgangspunkt, ikke ferdig kvalitetssikret produksjonskode.
Støtter Locofy norsk?
Norske tekster i designet kan følge med i kodeeksporten, men grensesnittet og dokumentasjonen er på engelsk. Leverandøren dokumenterer ikke en egen norsk språkmodus for prompts.
Bruker Locofy designene mine til AI-trening?
Locofy oppgir at innhold kan brukes til å forbedre plattformen på Hobby, mens Pro-planen oppgir at innholdet ikke brukes til trening eller forbedring. Enterprise tilbyr sterkere datakontroller.