Locofy 8 月更新:VS Code 插件首发与 UI Kit 2.0 赋能 Figma 到代码全流程

ADK Locofy官方 / ADK编译 2023-09-14 4 分钟 89 次浏览
速览导读 / Summary

Locofy 于 2023 年 8 月迎来重大更新,正式推出 VS Code 插件,实现 Figma 设计到代码生成的无缝衔接。核心亮点包括增强版 Auto-Tagging 功能(推荐准确率提升 30%)、全新的 UI Kit 2.0(提供 100+ 组件)以及 Figma Dev Mode 的 AI 原生支持。此次更新显著降低了前端开发门槛,助力团队将设计转化效率提升 70% 以上。

开发效率提升 70%+ 基于多家初创公司实测数据
Auto-Tagging 准确率 +30% 相比上一版本
标签覆盖率 6x 新增语义化标签支持
UI 组件数量 100+ UI Kit 2.0 预置组件

Key Insights / 核心看点

  • 1 VS Code 插件正式上线,实现 Figma 设计到代码生成的无缝衔接,消除多工具切换痛点。
  • 2 Auto-Tagging 功能升级,推荐准确率提升 30%,标签覆盖率提升 6 倍,支持语义化标签及复杂交互组件。
  • 3 发布 Locofy.ai UI Kit 2.0,提供 100+ 预生成响应式组件,加速前端开发流程。
  • 4 Figma Dev Mode 原生集成 AI 能力,支持直接在设计工具中创建组件和添加标签。
  • 5 实际案例显示,采用 Locofy 可将开发时间缩短 70% 以上。

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 等前端框架的转化更加高效、精准且易于维护。

Locofy.ai was featured in the latest report by Gartner as an innovative solution bridging the gap between designers and developers.

Locofy Team / Gartner Report

同主题深度资讯

查看更多 →
产品动态 2026-09-15

Topview 发布 Codex 插件工作流:在 ChatGPT 生态内实现 AI 视频生成

Topview 正式宣布其插件工作流集成至 OpenAI 的 Codex 代理系统,支持在本地桌面端或 CLI 中直接调用生成式模型创建 AI 视频。文章详细区分了 ChatGPT 网页版插件目录与 Codex 本地代理的架构差异,明确了安装路径、OAuth 认证流程及 Canvas 画布工作流。该更新旨在解决开发者在 ChatGPT 生态内调用视频生成模型(如 Seedance, Wan 3.0 等)的碎片化问题,强调 Pro 及以上订阅计划对自动化工作流的必要性。

Topview官方 / ADK编译 5 分钟
AI 工具 2026-09-08

Accio Work 2026 安全剃须刀刀片评测指南发布:覆盖敏感肌与硬茬胡须的全场景解决方案

Accio Work 于 2026 年 9 月发布最新评测指南,针对 2026 年湿剃市场的演变,深度解析了 8 款最佳安全剃须刀刀片。指南涵盖从 Astra Superior Platinum 的全能王者到 Feather Hi-Stainless 的极致锋利,特别强调了针对敏感肌肤(如 Derby Extra Super Stainless)和环保需求(如 Personna Lab Blue)的专项解决方案,为不同肤质与胡须类型的用户提供精准选型建议。

Accio Work官方 / ADK编译 3 分钟
AI 工具 2026-09-08

Accio Work 发布厨房研磨工具智能指南:材料选择与性能优化解析

Accio Work 发布了一篇关于研磨钵(Mortar and Pestle)最佳材料选择的深度指南。文章详细对比了花岗岩、大理石、陶瓷、木材及不锈钢等主流材质在研磨性能、耐用性、维护难度及美学风格上的差异。该指南旨在帮助消费者及零售商根据烹饪需求(如香料粉碎、酱汁制作)做出精准决策,体现了 Accio Work 在垂直领域知识库构建与搜索优化方面的技术实力。

Accio Work官方 / ADK编译 3 分钟
AI 工具 2026-09-08

Accio Work 2026 年迷你喷射快艇设计趋势:电动化与模块化重塑水上运动

Accio Work 发布 2026 年迷你喷射快艇设计趋势报告,展示了 9 款重新定义水上运动的新概念。核心亮点包括革命性的充气式电动快艇、热插拔电池系统的通勤者设计、以及专为家庭安全优化的模块化构建方案。这些设计利用先进复合材料与零排放电动动力,解决了传统水上运动便携性差、续航焦虑及安全性不足的问题,为个人娱乐与商业租赁市场提供了全新灵感。

Accio Work官方 / ADK编译 3 分钟