最近有个需求是：根据已有的设计图 ui 做前端页面。目前 ai 对已有的网页 1:1复现效果比较好，比如使用 html-to-design（插件），但是明确的设计图 ai 做起来有一点难度，搜了一圈也没有太好的解决方案，自己摸索了一下，总结了点经验。 
1.工具准备： 
我是 vscode 里安装 augment，然后 augment 里安装 figma mcp，连接本地的 figma 桌面端应用。 
注意的是根据官方文档，有远程和本地应用使用两种方式（ https://developers.figma.com/docs/figma-mcp-server/），但是我配置远程后授权过不去，所以只能配置为本地，mcp ） json 参考： 
{ 
“mcpServers”: { 
“Figma Desktop”: { 
“url”: “http://127.0.0.1:3845/mcp”, 
...