F2C Design To Code Plugin

需要配合 YY-F2C Figma插件使用

视频教程(B站)：https://b23.tv/HEL7ccr

支持功能

• F2C Figma 设计稿转代码 数据接收

• 使用Tiny图片压缩，但有使用限制

• 接收代码后自动代码美化

使用步骤

1. 在VSCode底部栏点击Connect F2C启动F2C服务

2. 打开Figma F2C插件, 选择图层，点击生成代码
   

3. 选择您工作区里的文件或者文件夹，右键菜单 -> 导入F2C代码文件

版本要求

>=1.74.0

使用说明

• 目前仅支持React代码在VSCode侧预览
• AI代码命名，目前仅支持内部使用