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 分钟
产品动态 2026-09-06

Adobe Photoshop 与 Upscale.media 联手:AI 驱动图像超分辨率技术深度解析

Adobe Photoshop 与 AI 图像增强工具 Upscale.media 宣布深度整合,旨在为专业用户提供更高效的图像超分辨率解决方案。此次合作利用先进的 AI 算法,在不依赖复杂软件学习曲线的情况下,实现从低分辨率到高清图像的无损转换。文章详细阐述了该技术在保留细节、修复模糊以及支持多格式处理方面的核心优势,并展示了从上传到下载的完整操作流程,标志着图像增强领域向更智能化、便捷化方向迈出了重要一步。

Upscale.media官方 / ADK编译 4 分钟
产品动态 2026-09-06

Adobe Photoshop 2025 图像分辨率优化指南:超分辨率与智能放大技巧

Adobe Photoshop 2025 在图像分辨率处理上带来了显著优化,重点介绍了如何利用内置的“超分辨率”功能无损放大 JPEG 图像。本文详细解析了从基础图像尺寸调整到高级 Camera Raw 滤镜应用的完整流程,帮助设计师和摄影师在保持画质的前提下提升输出质量。

Upscale.media官方 / ADK编译 4 分钟
产品动态 2026-09-06

Upscale.media 发布智能图像增强方案:AI 驱动高清修复与细节重构

Upscale.media 推出全新图像增强指南,详解如何利用 AI 技术将低分辨率图片转化为高清视觉内容。文章解析了图像上采(Upscaling)的核心原理,涵盖分辨率、锐度、色彩准确性等关键质量指标,并展示了该工具在商业展示、印刷输出及个人创作中的实际应用价值,旨在帮助用户摆脱像素化困扰,实现无损画质提升。

Upscale.media官方 / ADK编译 4 分钟