首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >VTJ 上线 AI 识别 Sketch 和 Figma 设计稿

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

原创
作者头像
用户8734644
修改2025-06-04 17:29:41
修改2025-06-04 17:29:41
1890
举报

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Sketch元数据导出插件​
    • 安装Sketch插件​
    • 导出Sketch元数据​
  • Figma元数据导出插件​
    • 导出Figma元数据​
  • AI识别元数据​
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档