kitio.aiAdded Oct 28, 2026
Locofy
Freemium · $40/moConvert Figma and Penpot designs into frontend code
What is Locofy?
Locofy is an AI design-to-code tool that turns Figma and Penpot designs into React, React Native, Flutter, Next.js, Vue and HTML code. Its Large Design Models tag components and make layouts responsive. It is aimed at frontend teams speeding up handoff.
Designers tag interactive elements in the plugin, preview a live prototype, then export code or push to GitHub. Locofy can import your design system and existing components so output reuses them. Usage is measured in LDM tokens, with a short free period before the paid Hobby plan.
Features
- Figma and Penpot plugins
- Responsive layout detection
- Component reuse
- GitHub export
- Live prototypes
Tags
Releases
+ Submit new release- Listed
Locofy was added to the directory.
Organization
Locofy
🇸🇬 Singapore
Listed by kitio.ai · unverified owner
Pricing
- Pricing model
- Freemium
- Paid options from
- $40/mo
- Billing frequency
- Monthly
Sponsored
Your AI tool here
A Featured launch puts your tool in this spot and on the home page for a week.
Top Locofy alternatives
View allCoding
Collaborative AI platform to build UI in your real codebase
If you liked Locofy
Frontend regression tests generated from real user sessions
Free trialCodingMade in United StatesOpenAI's coding agent in the cloud, CLI, IDE and desktop app
Freemium · $8/moCodingMade in United StatesAnthropic's agentic coding tool for terminal, IDE and web
From $20/moCoding1 views1 clicks to the websiteMade in United States
Pros and cons
Pros
- Many framework targets
- Reuses design system components
- Good for mobile and web
Cons
- Token pricing is confusing
- Designs need careful tagging
Prompts & results
No prompts yet. Add your own prompt and output to help others use this tool.
Share a prompt
Reviews
Q&A
What is Locofy?
Locofy is an AI design-to-code tool that turns Figma and Penpot designs into React, React Native, Flutter, Next.js, Vue and HTML code. Its Large Design Models tag components and make layouts responsive. It is aimed at frontend teams speeding up handoff.
How much does Locofy cost?
Locofy is freemium, with paid plans from $40/mo.
Is there a free version of Locofy?
Yes. Locofy has a free plan, and paid plans add more usage and features.
What are the main features of Locofy?
Figma and Penpot plugins, Responsive layout detection, Component reuse, GitHub export, Live prototypes.
Who makes Locofy?
Locofy is made by Locofy.
What are the best alternatives to Locofy?
Popular alternatives include Kombai, Builder.io, Rocket.