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

简介: VTJ的AI助手支持通过识别Sketch和Figma设计稿的元数据,高精度还原设计图。用户可使用官方插件导出json格式的元数据文件。对于Sketch,下载并安装vtj-sketch-plugin后,选中图层导出;Figma则需安装vtj-figma-plugin,通过插件完成元数据导出。最后,在VTJ设计器中上传json文件,借助AI实现设计图的高效还原。

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

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高精度还原设计图。



相关文章
|
12月前
|
人工智能 IDE 定位技术
通义灵码 AI IDE 上线,第一时间测评体验
通义灵码 AI IDE 重磅上线,开启智能编程新纪元!无需插件,开箱即用,依托通义千问大模型,实现高效、智能的编程体验。支持 MCP 工具链,可快速调用多种服务(如12306余票查询、高德地图标注等),大幅提升开发效率。结合 Qwen3 强大的 Agent 能力,开发者可通过自然语言快速构建功能,如智能选票系统、地图可视化页面等。行间代码预测、AI 规则定制、记忆能力等功能,让 AI 更懂你的编码习惯。Lingma IDE 不仅是工具,更是开发者身边的智能助手,助力 AI 编程落地实践。立即下载体验,感受未来编程的魅力!
1254 16
|
9月前
|
人工智能 测试技术 项目管理
测试不再碎片化:AI智能体平台「项目资料套件」功能上线!
在实际项目中,需求文档分散、整理费时、测试遗漏等问题常困扰测试工作。霍格沃兹推出AI智能体测试平台全新功能——项目资料套件,可将多个关联文档打包管理,并一键生成测试用例,提升测试完整性与效率。支持套件创建、文档关联、编辑删除及用例生成,适用于复杂项目、版本迭代等场景,助力实现智能化测试协作,让测试更高效、更专业。
|
9月前
|
存储 人工智能 测试技术
用AI提升测试效率:智能体平台的「需求文档管理」功能上线啦!
霍格沃兹测试开发学社推出AI智能体测试平台,全新「需求文档管理」功能助力高效测试准备。集中管理需求文档,支持多种上传方式,智能生成测试用例,提升测试效率与准确性,助力迈向智能化测试新时代。
|
人工智能 自然语言处理 前端开发
产品经理也能“开发”需求?淘宝信息流从需求到上线的AI端到端实践
淘宝推荐信息流业务,常年被“需求多、技术栈杂、协作慢”困扰,需求上线周期动辄一周。WaterFlow——一套 AI 驱动的端到端开发新实践,让部分需求两天内上线,甚至产品经理也能“自产自销”需求。短短数月,已落地 30+ 需求、自动生成 5.4 万行代码,大幅提升研发效率。接下来,我们将揭秘它是如何落地并改变协作模式的。
1277 37
产品经理也能“开发”需求?淘宝信息流从需求到上线的AI端到端实践
|
12月前
|
人工智能 开发者
阿里云百炼X支付宝:「AI打赏」功能上线,Agent变现更灵活🎉🎉🎉
阿里云百炼平台联合支付宝,推出业内首个Agent「AI打赏」功能,开发者可为应用一键配置赞赏功能,用户打赏金额将直接转入开发者支付宝账户,助力快速变现。
1091 1
|
11月前
|
人工智能 安全 大数据
硬核来袭!「AI 进化论:智算时代 OS 的破局之路」首期直播上线
从学术前沿到企业实践,从技术演进到生态共建,深度拆解 AI 时代操作系统的挑战与机遇,揭秘阿里云服务器操作系统背后的技术沉淀与产品布局。
|
11月前
|
人工智能 自然语言处理 数据可视化
AI 助手带你玩转数据分析!通义灵码保姆级教学 | 共学课2期上线
7月15日20:00,通义灵码联合WaytoAGI社区推出《AI助手带你玩转数据分析》公开课。零门槛、零代码,只需中文指令,即可完成数据读取、分析到报告生成全流程。告别代码恐惧,业务人员也能轻松掌握数据分析,提升职场竞争力。
418 0
|
11月前
|
人工智能 自然语言处理
AI律师上线了?别惊讶,它连合同都能自动看懂!
AI律师上线了?别惊讶,它连合同都能自动看懂!
616 59
|
9月前
|
人工智能 编解码 数据可视化
AI创作更自由: 魔搭FLowBench云端工作流上线AIGC专区!支持QwenImageEdit免费出图!
很高兴向大家宣布,ModelScope AIGC 专区的工作流功能正式上线!
1408 22
|
12月前
|
人工智能 Apache 流计算
FFA 2025 新加坡站全议程上线|The Future of AI is Real-Time
Flink Forward Asia 2025将于7月3日在新加坡举办,主题为“实时智能的未来”。大会聚焦实时AI、实时湖仓与实时分析,展示Apache Flink及社区项目如Paimon、Fluss的最新成果。来自阿里云、AWS、TikTok等企业专家将分享洞见,现场及直播观众均可参与互动抽奖,共襄技术盛宴。
760 14
FFA 2025 新加坡站全议程上线|The Future of AI is Real-Time

热门文章

最新文章