VTJ 上线 AI 识别 Sketch 和 Figma 设计稿


VTJ的AI助手支持识别 Sketch 和 Figma 设计稿的元数据,当需要高精度还原设计图时,您可以使用这种方式通过AI开发页面组件。 Sketch 和 Figma 的元数据文件是一个json格式的文件,可以通过VTJ官方提供的插件导出。

Sketch元数据导出插件​

安装Sketch插件​

  1. 下载 vtj-sketch-plugin 插件
  2. 解压后把 vtj.sketchplugin 复制到 Sketch 的插件文件夹,即完成安装。

导出Sketch元数据​

打开Sketch,选中你需要导出的图层,然后点击菜单: 插件 > vtj-sketch-plugin > 导出图层元数据。 选择文件保存位置,即可导出json文件。

Figma元数据导出插件​

  1. 下载 vtj-figma-plugin 插件
  2. 解压zip,打开Figma客户端,打开菜单:Plugins > Development > import plugin from manifest 选择解压后的 manifest.json文件完成安装

导出Figma元数据​

打开 Figma客户端,选中您需要导出的图层,点击菜单 Plugins > Development > Figma元数据导出工具 打开插件。插件显示后点击 导出为JSON 按钮。 选择文件保存位置,即可导出json文件。

AI识别元数据​

打开VTJ设计器在 在AI助手新建话题 选择元数据,选择导出的 Sketch 或 Figma 元数据json文件,即可通过AI高精度还原设计图。

Pager


相關推薦

2025-07-17

设计稿转代码错误率下降90%,企业级AI开发迈入“安全可控”时代 领先的AI驱动低代码平台 VTJ.PRO今日正式发布 v0.12.58 版本,推出革命性 「AI-CodeFix」智能引擎,首次实现对AI生成代码的自动化校验、诊断与修

2025-06-24

百度文心快码宣布上线独立 AI 原生开发环境工具 Comate AI IDE。根据介绍,Comate AI IDE 是行业首个多模态、多智能体协同AI IDE,首创设计稿一键转代码,模型已接入文心4.0 X1 Turbo,开箱即用。目前百度每天新增的代码中,文心快码

2025-06-28

本文介绍支持 VTJ.PRO 低代码体验的可视化设计环境 (@vtj/designer) 和运行时渲染系统 (@vtj/renderer)。Designer 提供了交互式可视化编辑环境,用户可以在其中拖放和配置组件,而 Renderer 在设计时预览和运行时环境中执行生成的 DS

2025-06-25

例,支持多平台应用开发。项目包含以下核心功能: 设计器与渲染器集成 自定义 Service 和 OpenAPI 实现 设计器个性化定制扩展 项目功能完整度达到生产环境要求,支持定制、编译和部署。 准备工作​ 本

2024-06-29

布推出一系列新功能。 新版本的 UI 采用了全新的工具栏设计,并新增了 200 多个图标,用户在完成设计时更为便捷。 新的生成式 AI 工具能够根据描述快速生成项目草图原型,并在功能细节上加快设计步骤,如能在占位符文

2022-10-13

界面 从各种设计工具中导入已有的用户界面,如 Figma、Sketch、Adobe XD 使用完整的 Python、C++ 和 JavaScript、HTML5 和 QML 框架 …… 教育版 License 包提供了企业版 Qt Design Studio 和专业版 Qt Device Creation(仅支持 Raspberry Pi),以及

2025-04-18

近日,设计协作平台 Figma 向瑞典人工智能编程初创公司 Loveable 发出了一份停止使用警告,原因是 Loveable 将其新产品的某项功能命名为“Dev Mode”,而 Figma 声称该术语已被其注册为商标。 据美国专利商标局的记录显示,Figma

2025-06-16

商和服务层​ VTJ 架构围绕三个主要编排组件构建:用于设计时管理的 Engine、用于运行时服务的 Provider 和用于基于 iframe 的渲染的 Simulator。 设计时引擎架构​ 类 Engine 充当设计时环境的中央业务流程

2025-04-03

了 2.0 版本!在 AutoDev 2.0 中,你可以: 编码智能体 Sketch 进行自动化编程 自动化编程的规划器 AutoDev Planner 系统迁移 Bridge 辅助旧系统重构 观察者 Observer,动态观察 IDE 中的代码变化 模型协议 MCP 接入工具生态

2025-04-23

编程工具正经历着深刻的变革。2025年4月,Trae新版本正式上线,不仅丰富了品牌内涵,也带来了多项重磅升级,率先在行业内勾勒出具有想象力的个性化“AI对话式编程新范式”。 Trae新版本将Marscode整合入“Trae”的品牌内涵中

2025-05-30

略了其他参数 enhance }); 配置 vite.config.ts 开启设计器支持 ts import { createViteConfig } from '@vtj/cli'; import { createDevTools } from '@vtj/local'; export default createViteConfig({ proxy, plugins: [ createDevTools({ // 开启增强 enhance: true }) ] });

2022-10-01

9 月中旬,Adobe 宣布以现金+股票方式收购在线协作设计平台 Figma,交易协议对 Figma 估值达 200 亿美元。Adobe 此举在业内引起了极高的关注度——从商业层面来看,Adobe 斥巨资收购了一个竞争对手。但在社区层面,不少设计师和部

2025-06-13

读: 中国首款 AI IDE:Trae 国内版发布 Trae IDE 海外版上线付费订阅服务,Pro 版每月 10 美金

2025-04-17

开发在线设计协作软件的初创公司 Figma 宣布,已向美国证券交易委员会 (SEC) 提交了 IPO 的保密文件。 Figma, Inc. 已向美国证券交易委员会秘密提交了一份 S-1 表格注册声明草案,涉及其 A 类普通股的拟议首次公开发行。此声明