Locofy
Locofy converts designs into responsive frontend code for web and mobile apps.
What Locofy is
Locofy converts designs into responsive frontend code for web and mobile apps. Its plugins support Figma, Penpot, and Adobe XD, while project options include React, Next.js, HTML/CSS, Gatsby, Vue, Angular, Flutter, React Native, Swift, and Jetpack Compose. A live preview runs on actual code, and Netlify and Vercel integrations are listed for export and deployment. Locofy MCP can generate frontend code from Figma in compatible tools such as Cursor, Claude Code, Windsurf, Gemini CLI, and GitHub Copilot. Monthly self-service plans convert one frame at a time; multiple frames in one run are listed for Enterprise. GitHub sync is available on Enterprise and legacy annual self-service subscriptions, but not monthly self-service plans or the 5-day free trial. Locofy states that it is ISO 27001 and SOC 2 certified and does not use customer data to train its large design models. The Free plan gives 2,000 LDMtokens and Hobby features for 7 days, then automatically converts to Hobby. Hobby costs $40 a month and Pro costs $80 a month.
Good
- Plugins for Figma, Penpot, and Adobe XD.
- Supports a broad range of web and mobile code targets.
- Live preview runs on actual code.
- Netlify and Vercel integrations for deployment.
- States customer data is not used to train its design models.
Watch out
- Monthly self-service converts one frame at a time.
- GitHub sync is unavailable on monthly self-service plans.
- Free plan converts to Hobby after 7 days.
- Hobby costs $40 a month.
Who it suits
Locofy may suit designers and developers moving from design files to frontend code, particularly teams using its listed design tools and code targets. Its Enterprise options include multi-frame conversion and GitHub sync.
Verdict
Locofy connects design files to a wide selection of frontend code targets and provides an actual-code preview. Consider the one-frame monthly limit, GitHub sync restrictions, and automatic Free-to-Hobby conversion when comparing plans.
Plans and prices
From Locofy's own pricing page, checked 7 Oct 2026.
| Plan | Price | What it gives you |
|---|---|---|
| Free | Free | 2,000 LDMtokens · Hobby features for 7 days · Automatically converts to Hobby after 7 days |
| Hobby | $40 a month | 2,000 LDMtokens · 1 frame conversion at a time · Individual use · 10 frames per project · billed monthly |
| Pro | $80 a month | 4,000 LDMtokens · 1 frame conversion at a time · Individual use · 25 frames per project · Content is not used to train or improve the platform · billed monthly |
| Enterprises | Priced on request | Custom token amount and price · Unlimited teams and collaboration · Unlimited frames per project · Dedicated support Slack channel |
The facts
Each one read from Locofy's own pages, with the date it was checked.
What it does
- AI workflow
- Locofy MCP lets users generate frontend code from Figma inside compatible tools including Cursor, Claude Code, Windsurf, Gemini CLI, and GitHub Copilot.checked 7 Oct 2026
- Code targets
- Its documentation lists React, Next.js, HTML/CSS, Gatsby, Vue, Angular, Flutter, React Native, Swift, and Jetpack Compose project options.checked 7 Oct 2026
- Deployment
- The design-to-code page lists code export and deployment through Netlify and Vercel integrations.checked 7 Oct 2026
- Design tools
- Locofy offers plugins for Figma, Penpot, and Adobe XD.checked 7 Oct 2026
- Enterprise options
- Enterprise plan options include a dedicated private cloud, self-hosted or on-premise deployment, and SAML SSO authentication.checked 7 Oct 2026
- GitHub availability
- GitHub sync is available on Enterprise plans and legacy annual self-service subscriptions, but not on monthly self-service plans or the 5-day free trial.checked 7 Oct 2026
- Prototyping
- Locofy provides a live preview running on actual code so users can review and refine generated designs.checked 7 Oct 2026
- Security
- Locofy says it is ISO 27001 and SOC 2 certified and does not use customer data to train its large design models.checked 7 Oct 2026
- Support
- Locofy’s getting-started documentation directs users to its Discord server or [email protected] for help.checked 7 Oct 2026
- What it does
- Locofy converts designs into responsive, developer-friendly frontend code for web and mobile apps.checked 7 Oct 2026
Money
- Plan limits
- Monthly self-service plans support converting one frame at a time; converting multiple frames in one run is listed for Enterprise.checked 7 Oct 2026
Alternatives to Locofy
- 1
Figma Make
Free planAndroidiOSWebAPI8.2Free plan - 2
v0
Free planiOSWebAPI7.8From $30 a month - 3
Kombai
Free planWebAPIExtensionLinux7.7From $20 a month - 4
CoderUI
Free planWebAPI7.2From $29 a month - 5
Builder.io
Free planWebAPIExtension7.1From $24 a month - 6
Alloy
Free planExtension6.9From $20 a month