Locofy 8 月重磅更新:VS Code 插件首发与 UI Kit 2.0 赋能 Figma 到代码全流程
Locofy.ai 在 2023 年 8 月发布了备受瞩目的更新,旨在进一步消除设计师与开发者之间的鸿沟。此次更新不仅巩固了 Locofy 作为 Gartner 报告中创新解决方案的地位,更通过一系列功能迭代,将 Figma 设计稿到生产级代码的转化效率推向了新高度。
核心功能突破
1. VS Code 插件正式上线
Locofy 正式推出了 Visual Studio Code 扩展,这是其生态建设的重要里程碑。开发者不再需要在 Figma 和代码编辑器之间频繁切换,可以直接在 VS Code 中获取由 Locofy 生成的页面、组件及样式代码。这一变化极大地优化了开发者的工作流,实现了从设计到代码的“零摩擦”体验。
2. Auto-Tagging 功能大幅增强
原有的 Auto-Tagging 功能迎来了重大升级,旨在解决复杂 UI 元素识别难题。更新后的版本在两个维度实现了显著突破:
- 推荐准确率提升 30%:AI 对语义标签的识别更加精准。
- 标签覆盖率提升 6 倍:新增了对语义化 HTML 标签(如 header, main, section, footer)的支持,并能够自动识别滑块(sliders)和手风琴(accordions)等交互组件。
3. Locofy.ai UI Kit 2.0 发布
为了加速开发流程并提升代码质量,Locofy 发布了 UI Kit 2.0。该套件提供了超过 100 个预生成的响应式 UI 组件以及 50 多个页面区块。开发者可以直接将这些高质量组件集成到项目中,大幅减少了重复造轮子的时间。
4. Figma Dev Mode 原生 AI 支持
Locofy 将 AI 能力直接嵌入 Figma Dev Mode。用户无需离开设计工具,即可利用 LocoAI 的智能推荐,直接在 Figma 中为交互元素添加标签并创建组件。这种原生的集成方式让设计评审与代码生成的过程更加流畅。
实际案例与社区反馈
Locofy 近期与多家初创公司(如 Where is My Package 和 Vribble)合作,通过实际案例验证了其效能。数据显示,采用 Locofy 后,这些团队的开发时间减少了 70% 以上。此外,一位加拿大自由职业者分享了利用 Locofy 为客户构建产品速度提升 10 倍 的经验。
社区方面,Locofy 被 ProductHunt 推荐为“必有的 Figma 插件”,并在 Web Dev Cody 的视频中展示了如何利用 GitHub 同步功能快速构建金融类应用。这些反馈表明,Locofy 正在成为连接设计与工程的核心枢纽。
总结
本次 8 月更新标志着 Locofy 从单纯的代码生成工具向全链路开发辅助平台演进。通过 VS Code 插件、增强的 Auto-Tagging 以及 UI Kit 2.0,Locofy 为开发者提供了更强大的武器库,使得 Figma 到 React/Vue 等前端框架的转化更加高效、精准且易于维护。