UncleKyrie

接下来逐步介绍实现的过程，以下内容和文档均参考：https://f2c.yy.com/ 前期准备 支持MCP的Agent 需要一个支持mcp调用的agent，包括但不限于I...

F2C PTD（Figma to Code, Prompt to Design）是一款基于人工智能的 Figma 智能助手，通过自然语言指令（Prompt）将设计需求快速转...

🎨 市面上主流 Figma to Code MCP 对比 📖 简介 @f2c/mcp 是一个基于 F2C 实现的 MCP Server。目前市面上有很多 Figma t...

该文章通过具体教程、工具介绍的方式详细描述了F2C的Chrome插件能实现只读权限下设计稿的CSS代码获取，图片上传和代码生成，配合Comate和F2C的MCP实现更好的代...

介绍 F2C（figma to code）MCP Server 是一个基于 F2C 实现的 MCP Server。它能够获取 Figma 设计稿节点信息，将其转换为高还原度...

F2C 项目介绍 Figma & AI相结合生成开发代码的一站式解决方案 github | 项目官网 低门槛高提效 非入侵式接入到任意web前端、React Native等...

本文阐述了百度&YY互动团队在设计稿转代码方面的实践与沉淀，自研的YYF2C是Figma & AI相结合生成开发代码的一站式解决方案。...

背景 开始项目使用 webpack进行构建，构建速度、debug等严重影响迭代速度 构建过程中需要修正产物内容以及figma的适配，各种插件尝试浪费很多适配时间 改造 具体...

之前写过用 VSCode Debugger 或者 Chrome DevTools 调试网页和 Node.js 代码，还有各种打断点的方式。 但只是讲了如何使用，很多同学不知...

随着 EMP v3 的推出，代码格式化和 Lint 工具的选择变得尤为重要。在这篇文章中，我们将深入探讨新引入的 @empjs/biome-config（Biome）与 E...

背景描述 线上项目报错. 可是具体是什么问题不知道, 第一想到的是让前端去查看,查看是不是前端代码报错了. 传统项目还好,哪里报错点击就能看到源码,可是单页面项目线上代码一...

D2C 是指 Design to Code，设计稿转代码，输入是 sketch、figma、PSD 等设计稿，输出是 vue、react、小程序等各平台的前端代码。 对前端...

前言 大家好，很久没发文章了，这次我又来卷D2C这一块了~~ 由于最近组内决定去做D2C, 所以或多或少得研究一下业内的一些实现方案，然而真实情况是，我们也是摸着石头过河，...

大家好，我卡颂。 对于长期迭代的React项目，性能是不能忽视的问题。通常我们通过： React-Dev-Tools的Profiler面板 一些第三方工具，比如why-di...

背景 webpack5 总体打包体积过慢、开启缓存并没有很少解决当前问题 module federation 涉及到 single 与 eager 的问题，横向共享增加会加...

本文涉及到的代码已经整理到 github 仓库中，用 cra 搭建了一个示例工程，关于性能优化的部分可以打开控制台查看重渲染的情况。 勾选、全选与反选。 根据选中项计算总价...