Locofy

Locofy

3.0

新加坡团队 2021 年推出的 AI 设计转代码平台,用专用大模型(LDM)把 Figma、Adobe XD 设计稿一键转成 React、Next.js 等前端代码。

最后更新 2026 年 8 月 25 日
Locofy 截图

介绍

简介 Locofy 是新加坡公司 Locofy Pte. Ltd. 的 AI 设计转代码平台,2021 年创立,据媒体报道累计融资约 750 万美元,投资方包括 Accel 与 Northstar Ventures。它把 Figma、Adobe XD(及开源的 Penpot)设计稿转换成可运行的 React、React Native、Next.js、Vue、Angular、HTML/CSS 前端代码,主打“设计稿到上线”一个工作流。 主要功能 Locofy Lightning——2024 年初推出的一键转换:点一次即把设计稿转成前端代码。 Large Design Models(LDM)——专门训练以理解设计稿的模型,生成时给出基于真实代码的实时预览,可人工微调。 数据绑定——把组件与后端 API、数据源绑定,生成动态页面。 组件库与响应式——从 Figma 组件直接生成组件库,强制品牌规范,桌面与移动端自适应。 特色优势 通用大模型(ChatGPT、Gemini 等)读不懂 Figma 设计稿,Locofy 为此专门构建了 LDM 模型,这是它与通用 AI 编码工具的差异点。官方及客户案例称可节省约 60%-80% 的开发时间;生成的代码不改变现有技术栈,可纳入现有工程并支持 GitHub 集成。 适用人群 产品设计团队与前端工程师、需要快速出 MVP 的创业团队、承接设计转开发外包的工作室。 常见问题 怎么收费?提供免费版;付费计划第三方测评约 $19/月起,也有按 LDM 令牌计费的模式(早期官方说明前 1,000 个 LDM 令牌免费),具体以官网为准。 支持哪些设计工具?Figma、Adobe XD、Penpot。 生成的代码能直接上线吗?官方称输出“生产级”代码,可导出或部署,仍建议人工审查后再进主干。