在使用 Figma 创建用户界面和体验后,开发者面临着将设计转化为代码以构建功能网站或应用的繁重任务。Locofy是一家总部位于新加坡的前端开发平台,由 Accel 支持,旨在通过一键工具节省数小时的工作时间,该工具能即时将 Figma 和 Adobe XD 的原型转换为代码。
Locofy 的新工具名为 Lightning,它建立在初创公司的“大型设计模型”(LDMs)之上。Locofy 的创始人 Honey Mittal 和 Sohaib Muhammed 将其与 OpenAI 在 ChatGPT 向全世界推出之前率先开创大语言模型(LLMs)的方式进行类比。他们看到对 Lightning 这类工具的需求,是因为开发者短缺导致公司收入损失,且程序员因工作负荷过重而疲惫不堪。
Lightning 作为 Figma 的插件运行,Locofy 的创始人表示,它自动化了近 80% 的前端开发工作,因此精简初创公司的开发人员可以将精力集中在运营公司和推向市场,而不是耗费在繁琐的开发上。
该工具将首先在 Figma 上推出,适用于网站和 Web 应用。随后在今年晚些时候,它将支持更多设计工具,包括 Adobe XD、Penpot、Sketch、Wix,以及可能的 Canva 和 Notion。
Mittal 表示,公司投入了超过 100 万美元来开发 Lightning,目标是服务于小型团队且需要加速前端开发的初创企业和以客户为中心的企业。Lightning 及其 LDM(大型设计模型)均为内部构建,并在包含数百万个设计的训练集上进行训练。
该公司于 2021 年从 Locofy Classic 起步,当时用户需要经过多个步骤:设计优化;交互元素标记;样式调整以适配不同屏幕尺寸;组件和属性(props)用于识别重复元素并使其模块化;允许编辑类名;以及适配首选配置,如 TypeScript 或 JS。
Mittal 和 Muhammed 了解到,可以通过结合图像神经网络(包括多模态 Transformer)、基于图的神经网络、序列到序列模型、堆栈指针网络、启发式模型和大语言模型(LLMs)等技术来自动化每个步骤。他们利用这些技术构建了一个统一的大型设计模型(Unified Large Design Model),拥有近 5 亿个参数,这些数据来自数百万个设计。
Locofy Lightning 的各个步骤,包括标记、图层分组、响应式设计、组件和类名,各自运行其特定的 AI 技术组合,然后通过启发式方法进行微调。最后,这些步骤被浓缩为仅一步操作,从而使 Lightning 能够实现一键生成。
一旦生成了前端代码,用户可以连同交互式预览一起审查代码,并在导出之前对代码进行微调。
Locofy 成立于 2021 年,已从 Accel 和 Northstar Ventures 等投资者那里筹集了 750 万美元。
未来,它计划将其平台从“设计转代码”扩展到包括构建设计系统的工具、使用公共 UI 库,并通过集成 GitHub Copilot 和 CI-CD 等工具为前端构建后端。它还计划为设计师提供 AI 助手,并提供托管和部署服务以支持完整应用的上线。
Locofy 已免费开放测试两年,并计划在 2024 年实现商业化。其创始人告诉 TechCrunch,AI 代码生成是一个全新的类别,商业模式将与其他 SaaS 和开发者工具不同。Locofy 仍在最终确定定价策略,但价格将基于诸如转换为代码并被 AI 定期维护的屏幕或组件数量等因素。

