Item logo image for F2C

F2C

5.0(

7 ratings

)
Item media 1 (screenshot) for F2C

Overview

为开发提供便捷的Figma扩展能力的工具

F2C是figma to code的简称。它一个figma图层的分析工具,展示图层相关信息并高还原度的将图层转换为相应的前端代码。 F2C stands for Figma to Code.A Figma layer analysis tool that displays layer metadata and converts design layers to frontend code with high fidelity. 内核由F2C Core驱动,相关生态产品: The kernel is driven by F2C Core, along with related ecosystem products: website:https://f2c.yy.com/ 1、MCP:https://github.com/f2c-ai/f2c-mcp 2、Figma Plugin:https://www.figma.com/community/plugin/1248187540929489451/f2c-figma-to-code-react-rn-vue-html-yy-d2c 致谢 Acknowledgments 该项目受到以下项目启发和帮助,在这里表示感谢和敬意 This project was inspired by the following. Express thanks and admiration 1、https://github.com/leadream/figma-viewer-chrome-plugin 2、https://github.com/ecomfe/tempad-dev 3、https://github.com/zouhangwithsweet/fubukicss-tool

Details

  • Version
    3.2.1
  • Updated
    January 27, 2026
  • Offered by
    Baidu&YY F2C
  • Size
    744KiB
  • Languages
    中文(中国)
  • Developer
    Email
    yy-g-f2c@yy.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Vue.js devtools

2.6

Browser DevTools extension for debugging Vue.js applications.

fubukicss-tool

4.8

one step to get css from figma

Apifox Browser Extension

3.7

API 文档、API 调试、API Mock、API 自动化测试

Console Importer

4.6

Import JavaScript and CSS resources from console, with one command

DesignCode

5.0

DesignCode Chrome Extension for Figma elements dev details(Code, CSS Layout and Style etc.)

TemPad Dev

4.9

TemPad Dev browser extension.

Figma UI Mod

5.0

Figma UI enhancements and Analytics CSV export

DesignNext

3.4

DesignNext Chrome 插件是一个为 Figma 查看者提供快速查看 CSS 信息,以及其它辅助开发信息的工具

Comate

0.0

为Comate系列研发工具提供在浏览器上的扩展功能,实现网页与开发环境之间的无缝协作。

Ajax Modifier

4.6

To modify ajax responses on any page

FigmaCN

4.7

中文 Figma 插件,设计师人工翻译校验。

copy-figma-css

5.0

copy-figma-css

Vue.js devtools

2.6

Browser DevTools extension for debugging Vue.js applications.

fubukicss-tool

4.8

one step to get css from figma

Apifox Browser Extension

3.7

API 文档、API 调试、API Mock、API 自动化测试

Console Importer

4.6

Import JavaScript and CSS resources from console, with one command

DesignCode

5.0

DesignCode Chrome Extension for Figma elements dev details(Code, CSS Layout and Style etc.)

TemPad Dev

4.9

TemPad Dev browser extension.

Figma UI Mod

5.0

Figma UI enhancements and Analytics CSV export

DesignNext

3.4

DesignNext Chrome 插件是一个为 Figma 查看者提供快速查看 CSS 信息,以及其它辅助开发信息的工具

Google apps