当我们拿到一个Figma设计稿
1.文案类
2 弹窗类
3.列表类
这些情况，F2C插件都可以轻松帮您生成代码，让你专注于逻辑开发，解放双手。
对比行业多个D2C竞品，我们对设计稿的还原度更高，更符合生产可用状态。
如何使用F2C生成代码
设计稿转代码需要安装两个必要工具：
- Figma F2C 插件
- 客户端代码接收工具(VSCode配套插件)
Figma插件安装和运行
在开始使用前，你需要安装 YY F2C在Figma侧的插件
需要注意的是，你需要对你目标Figma文档有编辑权限，若没有则可能找不到Plugins选项；并且请保证你的Figma是在设计模式下，开关如下图所示 ↓
你可以在Figma桌面应用和Web Fimga来安装插件，以下是安装插件的简要步骤：
-
点击左上方的Figma图标，选择Plugins，再选择 Find more plugins... 打开插件市场搜索框
-
在搜索栏搜索
YY F2C，选择我们的插件，点击 Run 运行
注意：插件如果有更新，建议重复步骤2，重新打开插件可以确保插件在最新版本下运行
安装VSCode插件
- 安装F2C VSCode插件：marketplace.visualstudio.com/items?itemN…
-
点击底部栏
Connect F2C -
点击生成代码 (非企业内网用户请在设置中关闭【智能命名】选项，详见智能命名)
-
VSCode会自动打开代码文件
-
查看左侧F2C文件抽屉
