好久不见啊，我是Dora。
好久没更新了（最近换了新工作，996ing，实在是太忙了QAQ）
上次给大家分享了前端利用Cursor快速生成UI组件的方式，大家学废了没？
之前的方案，原理是：
- 利用大模型的多模态能力，识别UI组件的图片，生成对应的组件
- 通过直接复制设计稿上的CSS元数据，让大模型生成的组件拥有更高的样式还原度
最近Dora探寻了一个更简单、更靠谱的方案： Cursor+Figma-Context-MCP
MCP是什么？
模型上下文协议（Model Context Protocol，MCP）是由Anthropic公司于2024年11月推出的开源标准协议，旨在为大型语言模型（LLM）提供与外部数据源、工具及服务交互的标准化接口，从而扩展AI的应用边界，使其从单纯的对话能力升级为能够执行复杂任务的智能代理
简单来说就是一个大模型接口协议，第三方可以通过这个协议编写各种工具，用于扩展不同的AI工作流。
那现在介绍的就是一个用于获取Figma上下文的MCP工具： Figma-Context-MCP 。Github链接：github.com/GLips/Figma…
这个项目目前已经获得了6.3K的star，具体的效果可以看这里：www.youtube.com/watch?v=6G9…
具体要怎么跑起来，可以参考Github上的README（基本算得上是喂饭级教程了，dora就不再翻译一遍了）
Dora测试过，用这个MCP工具生成Figma对应的UI组件，还原度已经非常高了。但是各位前端工程师倒也不需要焦虑，毕竟程序员才是产品经理的Cursor呢（狗头）~~~
你好，我是Dora，一个热衷于分享AI提效经验的在职程序员。 如果你想了解更多AI相关内容，欢迎扫码关注我的公众号【Doraiimon的AI口袋】
