F2C 用户手册
更新时间：2025-01-23
1. 准备工作，包含两部分：
1.1. figma浏览器或客户端安装fig2c插件。v3.1.0
1.2. vscode安装comate插件。v3.5.1【注意更新重启】
以下，详细介绍这两部分内容。
1.1. figma浏览器或客户端安装fig2c插件。v3.1.0
可以在Figma桌面应用和Web Fimga来安装插件，以下是安装插件的简要步骤：
（1）打开一个figma设计图，以网页端为例，打开figma设计图demo。
（2）复制为自己的草稿（为了获取编辑权限，如果您已经有设计图的编辑权限可以跳过这一步）。 注意：无设计图编辑权限可能会不显示插件功能。如果无编辑权限，可以复制当前设计图作为自己的草稿再进行测试。
如何复制到自己的草稿
（3）点击figma网页左上方的Figma图标，选择Plugins，再选择 Manage plugins... 打开插件市场搜索框
（4）在搜索栏搜索F2C，选择下图中这个插件，点击 Save。
更多信息：f2c使用指南
1.2. vscode安装comate插件。v3.5.1【注意更新重启】
详见官网下载安装页面。
2. f2c快速开始，包含两部分：
2.1. 打开comate
2.2. 打开figma客户端或浏览器，开始试用design 2 code 能力
体验用figma设计图：f2c测试
注意：无设计图编辑权限可能会不显示插件功能。如果无编辑权限，可以复制当前设计图作为自己的草稿再进行测试。
如无权限，点击 duplicate to your drafts，在草稿中操作。
选择目标图层，右键选择Pluins -> F2C -> Baidu Comate。
打开f2c插件后，可以根据直接使用智能转换功能，或者按照您的自定义需求设置参数。
提醒：智能识别工作区上线，开启后，您无需配置技术栈，通过 AI一键生成适合您项目技术栈和风格的代码。此处可以标记跟节点，点击“生成代码”按钮。
弹框内选择打开vscode，并在vscode中打开uri。
f2c 生成代码。
