基本使用

安装

New

安装 Comate 插件,百度AI助力为您获得更先进的 D2C 体验

扫码或前往 VSCode插件市场 安装 Comate 插件

sizes

使用步骤

  1. VSCode 中打开Comate
  2. 打开figma客户端或浏览器,开始试用design 2 code 能力。体验用figma设计图: f2c测试
提醒

无设计图编辑权限可能会不显示插件功能。如果无编辑权限,可以复制当前设计图作为自己的草稿再进行测试。

如无权限,点击 duplicate to your drafts,在草稿中操作。

sizel

在figma f2c插件中选中新入口 Baidu Comate

选择目标图层,右键选择Pluins -> F2C -> Baidu Comate。

sizemsizem

打开f2c插件后,可以根据直接使用智能转换功能,或者按照您的自定义需求设置参数。

提醒

智能识别工作区上线,开启后,您无需配置技术栈,通过 AI一键生成适合您项目技术栈和风格的代码。

sizemsizem

弹框内选择打开vscode,并在vscode中打开uri。

sizemsizes

f2c 生成代码。

sizes sizes sizes