cursor 配置MCP模式,以读取figma原型为例说明开发的便捷性

1.在figma的设置=>安全面板下新建一个key。

 

2.执行pnpx figma-developer-mcp --figma-api-key=你的figma的key,然后发现有个地址提供给你

3.cursor =>设置,找到MCP,新建一个MCP,写入类似

{ "mcpServers": { "Figma": { "url": "http://localhost:3333/sse" } } }

的代码然后保存,效果如下图,绿灯亮起的时候说明已经生效

 4.需要使用cursor的agent模式,ask模式不生效,通过给他figma的连接,然后根据要求去生成界面即可

 

 他会自动调用MCP 工具

 

posted @ 2025-04-09 11:18  洛晨随风  阅读(1731)  评论(0)    收藏  举报