vscode + 通义灵码插件 figma mcp使用

954 阅读1分钟

使用mcp 大致可以理解为拓展AI的功能。

配置

  1. 安装通义灵码插件,插件市场搜lingma
  2. 登录插件,在会话框右上角进入个人设置
  3. 点击下方mcp服务,进入mcp广场,搜索figma,安装
  4. 安装好后,进入我的服务,会看到刚安装的figma mcp

image.png 点击右边第三个按钮,【修改】,如图

image.png 将默认api-key替换为在figma中生成的key即可

  1. 生成figma api-key如图

image.png

使用

  1. 可以复制整个figma链接,也可以选中部分你想让ai帮你写的部分,然后右键选择copy link,如图

image.png

  1. 将链接复制进AI会话,描述你期望的技术栈,即可。如希望tsx + tailwind + less之类的。