要将 AI 生成的 HTML 原型导入 Axure，该方法的核心逻辑是以 Figma 为 “中间桥梁”（因 Axure 无法直接读取 HTML，需通过 Figma 转换格式），分 3 步即可完成，以下是详细操作指南（含每步目标、具体操作、注意事项）：

一、前提准备

1. 已通过 AI 工具（如 Cursor、Flowith、DeepSeek）生成高保真 HTML 原型文件（需确认文件可正常打开，无损坏）；

1. 拥有 Figma 账号（需登录，免费账号即可满足需求）；

1. 已安装 Axure RP（任意主流版本，如 Axure 10/11）。

二、 Step 1：Figma 安装 “html to design” 插件，导入 HTML 原型

这一步的目标是：让 Figma 读取并转换 HTML 文件，生成可编辑的 Figma 图层。

1. 登录 Figma 并进入插件安装页

打开 Figma 官网（Figma: The Collaborative Interface Design Tool），登录你的账号（无账号可免费注册）；

访问 “html to design” 插件库地址：‹div›RIOTS，在页面中找到 “html to design” 插件，点击【Install】（安装），等待插件添加到你的 Figma 账号中（安装后 Figma 会提示 “插件已就绪”）。

1. 在 Figma 中上传并导入 HTML 文件

• • 回到 Figma 主界面，点击左上角【File】（文件）→ 选择【Import file】（导入文件，部分版本显示为 “上传文件”）；

• • 在弹出的文件选择窗口中，找到你之前用 AI 生成的HTML 原型文件（若 HTML 关联了 CSS/JS 等依赖文件，需确保所有文件在同一文件夹，部分情况可直接上传单个 HTML）；

• • 点击【导入】，等待几秒后，HTML 原型会完整加载到 Figma 画布中（可看到原型中的仪表盘、图表、按钮等元素，如文档中的 “待收货 ASN”“库存周转天数” 等模块），此时可在 Figma 中初步编辑（如调整文字、颜色）。

三、 Step 2：Figma 安装 Axure 插件，复制原型内容

这一步的目标是：让 Figma 中的原型可被 Axure 识别，通过插件复制格式兼容的内容。

1. 安装 Figma 的 Axure 插件

打开 Figma 社区的 Axure 插件专属页面：Axure | Figma，点击右上角【Install】（安装），将插件添加到你的 Figma（需确认 Figma 已登录，否则会提示登录）。

1. 选择并复制 Figma 中的原型

• • 回到已导入 HTML 的 Figma 画布：

• • • 若只需导入部分原型（如仅复制 “仪表盘” 模块）：用鼠标框选目标区域（选中后元素会显示蓝色边框）；

• • • 若需导入全部原型（整个 HTML 页面）：无需手动选中，直接右键点击画布空白处即可；

• • 右键点击选中的内容（或空白处），在弹出的菜单中依次选择【Plugins】（插件）→【Axure】，然后根据需求选择：

• • • 【Copy Selection for RP】：复制 “选中的部分原型”（适合局部调整）；

• • • 【Copy All Frames for RP】：复制 “所有原型框架”（适合完整导入，推荐优先选这个）。

（复制后 Figma 无明显提示，只需确认点击了对应选项即可）

四、 Step 3：Axure 粘贴并编辑原型

这一步的目标是：将 Figma 中复制的内容导入 Axure，完成最终编辑。

1. 打开 Axure 并新建项目

启动 Axure RP 软件，点击【File】→【New Project】（新建项目），选择 “Blank Project”（空白项目），生成一个默认的 “Page 1” 页面。

1. 粘贴原型并编辑

• • 点击 Axure 的 “Page 1” 画布，按下快捷键【Ctrl+V】（Windows）或【Command+V】（Mac），此时 Figma 中复制的原型会完整粘贴到 Axure 中（可看到和 Figma 中一致的布局、元素）；

• • 后续编辑：

• • • 调整样式：右侧 “样式” 面板可修改元素的填充颜色、线段粗细、字体（如文档中的 “Arial” 字体、“#686255” 颜色）；

• • • 调整尺寸 / 位置：选中元素后，拖动边框调整大小，或在 “位置和尺寸” 面板输入具体数值（如文档中的 “1280W 1140H”）；

• • • 添加交互：用 Axure 左侧 “基本元件” 库添加按钮、链接，或设置动态交互（如点击 “查看报表” 跳转页面）。

五、补充说明

1. 若你日常习惯用 Figma 做设计：可直接在 Figma 中编辑导入的 HTML 原型，无需再导入 Axure（该方法仅针对 “需要用 Axure 进一步编辑” 的场景）；

1. 样式错乱处理：若粘贴到 Axure 后出现图表（如折线图、环形图）错位、文字排版异常，可先回到 Figma 中调整对齐方式（用 Figma 的 “Layout” 布局工具），再重新复制粘贴；

1. 依赖文件注意：若 HTML 原型包含外部图片、图标，需确保这些文件路径正确（或在 Figma 中重新替换为本地图片），避免 Axure 中显示缺失。