figma 和 copilot 实践

49 阅读1分钟

使用 figma 的 mcp 实现页面

资料

figma 文档:Figma

具体实现

vscode 中下载 figma 的 mcp 服务器

让 ai 生成答案

可以看到这一步是使用 figma 生成答案

需要实现的效果

实际实现的效果

不使用 mcp 绘制页面

资料

网页地址:OneApp

具体实现

让 ai 使用生成答案

需要实现的效果

ai 最终实现的效果

在生成这个网页的时间,可以看到是 copilot 内置的 fetch_webpage 抓取网页内容,这里不是调用的 figma 的mcp 实现的