- ✓
Hobby 帐户的所有功能免费体验 7 天
- ✓
2,000 个 LDM 令牌
Locofy: design-to-code agents
Figma 与 Cursor 和 Claude 之间的智能代理前端层
Locofy: design-to-code agents 是什么?
Locofy 是连接 Figma 与 Cursor、Claude 的智能前端转换层,它结合专有设计感知模型与大语言模型,能将 Figma 设计一键转化为结构化、响应式、像素级精准的前端代码。这款工具可直接在 CLI、Cursor、Claude Code 等环境中使用,为编码智能体提供可靠的 UI 基础,弥补了现有 AI 编码助手在 UI 精度和设计结构还原上的不足。
产品详细介绍
Figma 与 Cursor 和 Claude 之间的智能代理前端层
Locofy 是连接 Figma 与 Cursor、Claude 的智能前端转换层,它结合专有设计感知模型与大语言模型,能将 Figma 设计一键转化为结构化、响应式、像素级精准的前端代码。这款工具可直接在 CLI、Cursor、Claude Code 等环境中使用,为编码智能体提供可靠的 UI 基础,弥补了现有 AI 编码助手在 UI 精度和设计结构还原上的不足。
定价方案
有免费方案- ✓
2,000 个潜在扩散模型令牌
- ✓
一次处理1帧转换
- ✓
个人使用
- ✓
免费专业账户
- ✓
4000个LDM令牌
- ✓
每个项目限制 25 帧
创始人评论
嘿,Product Hunt 的朋友们 👋
非常感谢 Locofy 从创立初期就获得的支持 —— 我们能有今天,很大程度上都得益于这个社区。
我们带着焕然一新的 Locofy 回来了:它更面向开发者、更现代化,完全适配当今实际交付前端项目的工作方式。
此前的 Locofy 非常以设计师为中心,并且侧重企业服务。过去几年里,我们不断收到初创开发者和自由工作者的反馈,说工作流不够灵活、门槛太高 —— 因此我们做出了明确的转向。
现在 Locofy 支持:
* 使用 Figma → 通过专有的设计感知模型+大语言模型生成像素级精准的前端代码
* 为开发者构建的智能体工作流(可直接通过 CLI、Cursor、Claude Code 以及其他 Copilot 使用 Locofy)
* 面向个人和小团队的自助服务套餐,定价灵活亲民
为什么需要在 Figma 和 Cursor/Claude 之间加一层 Locofy,而不是直接配合 Figma 使用它们呢?
因为 AI 编码智能体在处理逻辑和迭代方面非常出色,但它们在处理 UI 保真度和理解 Figma 结构方面仍然存在困难。这会导致布局错乱、间距不一致,需要大量手动清理工作。
Locofy 通过将设计意图先转换为结构化、可生产交付的前端代码来解决这个问题,充当 Figma 与 Cursor / Claude Code 等工具之间缺失的前端层 —— 这样 Cursor 和 Claude 就可以专注于它们擅长的工作:在稳固的 UI 基础之上构建功能、逻辑和产品流程。
这次发布实际上是我们调整方向,为当今实际的前端开发方式重新打造产品。
感谢所有参与这段旅程的朋友们 🙌
官网信息
借助 Locofy.ai,您可以将设计转换为生产级前端代码,让产品交付速度提升 5-10 倍。