使用Cursor画原型（可导入Axure）手把手教程

之前我们浅尝辄止探索了如何使用Cursor写小代码、以及画原型，今天来详细看看如何将Cursor输出的原型(.html)转换成在Axure可编辑可修改的.rp文件。

一、使用Cursor生成原型

如何生成原型可以看这篇文章：https://chuna2.787528.xyz/ffx1/p/18880030
此时我们得到的是.html格式，很高保真，但无法进行修改。

二、使用Drafito插件将html格式转换成json

谷歌下载插件并安装

发现没有授权

到浏览器插件管理进行授权

生成json文件

三、导入figma

figma也是一个画原型的工具，如果你习惯用figma，那么这一步导入后就完成了，不必进行下面的步骤了。

插件市场安装插件，使用Drafito插件导入刚才从浏览器导出的json文件

导入文件

可以看到此时的原型已经导入figma 并且是可以编辑的状态了

如果你本身就是用figma的，那么恭喜你在这里就可以结束了！！

四、复制到Axure

使用在figma中安装的axure插件，将内容复制出来

粘贴到Axure
可以看到，此时复制进去的就已经是可编辑修改的状态了。

不过需要注意的是：

• Cursor输出的原型图有的是可以简单交互的，如，切换tab按钮展示不同的区域/页面，这时上面的操作导入到Axure的是不支持这种操作的；
• Axure太老的版本不行，本文用的Axure11.

好了，快去探索Cursor吧，完结！