cursor + figma mcp 项目模板及 ai 讨论

[6166aa]

最近接了个外包，一直在研究怎么用 cursor + figma mcp 快速实现老板的需求，老板要求也不是很高，只要大致像就行，目前也是个 cursor 使用小白，这两天拭了拭，自己根据理解创建了个这种项目模板，这个模板的主要功能如下：

• 使用 react + tw + shadcnui (ai 貌似用这套样式更不容易出问题)
• 使用的 TanStack Router 文件路由
• 添加了 cursor 的 rules 约束
• 图表使用的是 VChart ，Echarts ai 的使用貌似不太行，还有个 Rcharts ，先拭下 VChart ，看下后续生成的图表质量如何

原本打算找个现成的模板直接添加个.cursorrules 就行了，github 上没找到合适的，印象里有一个网站，能选择前端的技术栈、ui 框架、等等东西，选好后，下方有个命令，直接根据这个命令就能生成想要的模板了，找不到这个网站了，就自己搭了个。

感兴趣的大佬可以看下： https://github.com/ytton/ai-mcp-web-template

大佬们有 cursor + figma mcp 的使用经验也可以在这交流交流

我这个就是一个普通的项目模板，但添加了一些让 AI 写项目的 cursorrules 的限制，以及选择了一些 AI 更擅长的库。
最近实验了下，发现几个图表库，还是 echarts ，AI 对他的理解最好。
我这个不是让 AI 生成 figma 的设计图，而是在接到新项目有设计图的情况，用我这个模板，连上 figma 的 mcp 就能快速做项目了，主要作用是减少搭建项目的时间。
最近也打算拭下，能不能加上 api 的描述，直接让 AI 都不 mock 数据，一次性把项目页面给搭建出来

[yesweit2]

贡献了处女 star

[sampeng]

你自己做 figma ？还是有提供 figma 的？没看到 figma 有可以出设计稿的 mcp 啊。

[xuhuanzy]

今天炼丹炼了好几次，发现提示词对 ui 风格作用很小，不知道怎么搞

[wukuili]

mark 看后续讨论

[Ben77]

这个意思是使用 figma 生成样式吗？

[blankmiss]

@sampeng f2c mcp

[ArthurKing]

用 cursor + figma mcp 做过一个 pc+小程序的项目，感觉 cursor 并不能百分百的还原设计，而且老自作主张的“优化”。需要来来回回交流好多次才能达到一个能看但是跟设计还是有差距的状态。

[zealotxxxx]

你为什么不直接 figma make 算了

[Mr54]

@sampeng #2 figma 现在有官方的 mcp 了，需要安装 figma 客户端

[sampeng]

@blankmiss

@Mr54 我试过。只能从 figma 读，不能反过来。我其实是想找反过来的，利用 mcp 让 AI 帮我去做图。。

[Mr54]

@sampeng #10 想用 AI 画 figma 的图得用 figma 那个自己的 AI 了估计，那个得加钱

[xyooyx]

https://readdy.ai/
在做的事和你描述的类似