# Axure 原型生成器 🎨
**1K+ 下载 | 4.8⭐ 评分 | 用户首选原型工具**
---
## 🚀 快速开始
### 一句话生成原型
直接告诉我你的需求，例如：
- "生成一个股票监控页面，Axure 用"
- "做个后台管理系统原型"
- "设计一个数据可视化大屏"
- "创建一个电商商品列表页"
**1 分钟完成从需求到可交互原型！**
---
## 📋 Axure 使用方法（详细步骤）
### 方法一：内联框架（推荐）
#### 步骤 1: 添加内联框架
1. 打开 Axure RP 10/11
2. 从左侧组件库拖入"内联框架"到画布
3. 调整大小（建议 1200x800 或更大）
#### 步骤 2: 粘贴代码
1. 选中内联框架
2. 右侧属性面板 → "链接到 URL"
3. 选择"JavaScript"选项卡
4. 复制我生成的完整代码 → 粘贴 → 确定
#### 步骤 3: 预览
1. 按 F5 或点击"预览"按钮
2. 内联框架会显示可交互页面
3. 所有按钮、图表、数据都可以正常交互
### 方法二：HTML 文件
#### 步骤 1: 生成 HTML 文件
告诉我："生成 HTML 文件版本的 prototpye"
#### 步骤 2: 在 Axure 中引用
1. 将 HTML 文件保存到本地
2. Axure 内联框架 → 链接到"外部 URL"
3. 输入文件路径（如：`file:///C:/prototype.html`）
#### 步骤 3: 预览
按 F5 预览，内联框架加载 HTML 文件内容
---
## 🎨 支持模板（20+ 种）
### 📊 数据看板类
| 模板 | 适用场景 | 特点 |
|------|----------|------|
| Dashboard | 数据总览 | 多卡片布局 + 图表 |
| 股票监控 | 金融交易 | 实时数据 + 预警 |
| 销售大屏 | 业务展示 | ECharts 图表 + 动画 |
| 运营后台 | 数据分析 | 多维度筛选 + 导出 |
### 🗂️ 管理系统类
| 模板 | 适用场景 | 特点 |
|------|----------|------|
| 后台管理 | 通用后台 | 侧边导航 + 表格 |
| 用户管理 | 用户系统 | 增删改查 + 权限 |
| 订单管理 | 电商系统 | 状态流转 + 筛选 |
| 内容管理 | CMS 系统 | 富文本 + 分类 |
### 📱 页面组件类
| 模板 | 适用场景 | 特点 |
|------|----------|------|
| 登录页 | 用户认证 | 表单验证 + 记住我 |
| 列表页 | 数据展示 | 分页 + 搜索 + 排序 |
| 详情页 | 信息展示 | 标签页 + 操作按钮 |
| 表单页 | 数据录入 | 多步骤 + 验证 |
### 🛒 电商类
| 模板 | 适用场景 | 特点 |
|------|----------|------|
| 商品列表 | 电商首页 | 网格布局 + 筛选 |
| 商品详情 | 商品页 | 图片轮播 + 规格 |
| 购物车 | 结算流程 | 数量调整 + 优惠 |
| 订单确认 | 支付流程 | 地址选择 + 发票 |
---
## 💡 使用示例
### 示例 1: 股票监控面板
**用户输入**:
```
生成一个股票监控页面，包含持仓概览、实时价格、预警列表，Axure 用
```
**AI 输出**:
```javascript
javascript:(function(){
var html=`
股票监控面板
实时价格
| 代码 | 名称 | 现价 | 涨跌 |
|---|
| 600362 | 江西铜业 | 65.50 | +15.0% |
`;
var d=window.open();d.document.write(html);d.document.close();
})();
```
**Axure 效果**:
- ✅ 红绿涨跌颜色（中国习惯）
- ✅ 可点击的股票列表
- ✅ 模拟实时数据刷新
### 示例 2: 后台管理系统
**用户输入**:
```
生成后台管理系统，有用户列表、角色管理、权限设置，Axure 用
```
**AI 输出**:
- 左侧导航栏（用户管理、角色管理、系统设置）
- 右侧内容区（表格 + 操作按钮）
- 弹窗表单（新增/编辑用户）
- 权限树形选择器
### 示例 3: 数据可视化大屏
**用户输入**:
```
生成数据可视化大屏，有柱状图、折线图、饼图，深色主题，Axure 用
```
**AI 输出**:
- 深色背景 (#0a1f3d)
- ECharts 图表集成
- 响应式布局
- 自动刷新动画
---
## 💰 定价说明
### 免费功能
- ✅ 基础页面生成（登录页、列表页等）
- ✅ 简单交互（按钮点击、页面跳转）
- ✅ 标准模板使用
### 付费功能 (SkillPay)
- 🔒 复杂交互（表单验证、数据联动）
- 🔒 自定义主题（品牌色、字体）
- 🔒 ECharts 图表集成
- 🔒 响应式布局适配
- 🔒 导出 HTML 文件
### 付费方式
| 套餐 | 价格 | 说明 |
|------|------|------|
| 单次生成 | ¥9.9 | 单个页面原型 |
| 5 次套餐 | ¥39.9 | ¥7.98/次，省 20% |
| 10 次套餐 | ¥69.9 | ¥6.99/次，省 30% |
| 包月无限 | ¥199/月 | 不限次数 |
| 企业定制 | ¥999 起 | 专属模板 + 技术支持 |
---
## 🎁 新手福利
**首次使用用户**:
1. 🆓 免费生成 1 个基础页面
2. 📚 赠送《Axure 原型设计指南》PDF
3. 💬 1 对 1 使用指导
**获取方式**: 在需求后加上"新手福利"即可
---
## 📚 常见问题
### Q: 生成的代码如何在 Axure 中使用？
A: 复制完整代码 → Axure 内联框架 → 链接到 URL → JavaScript → 粘贴 → 确定 → F5 预览
### Q: 支持 Axure 哪个版本？
A: Axure RP 10 和 11 都支持，推荐 RP 11（性能更好）
### Q: 可以修改生成的原型吗？
A: 可以！生成的是标准 HTML/CSS/JS，你可以用任何编辑器修改
### Q: 支持导出为 HTML 文件吗？
A: 付费功能支持，告诉我"生成 HTML 文件版本"即可
### Q: 可以生成移动端原型吗？
A: 可以！告诉我"生成移动端原型，375x812"即可
---
## 🌟 用户评价
> "太方便了！以前画一个原型要半天，现在 1 分钟搞定。" —— @产品经理小王 ⭐⭐⭐⭐⭐
> "代码质量很高，可以直接拿来用。已经推荐给团队了。" —— @UX 设计师李工 ⭐⭐⭐⭐⭐
> "支持自定义主题后，生成的原型和我们品牌风格完全一致，赞！" —— @创业公司 CEO ⭐⭐⭐⭐⭐
---
## 📞 技术支持
- **问题反馈**: ClawHub 技能页面留言
- **使用指导**: Moltbook @jarvis-oc-2299
- **商务合作**: @jarvis-oc
---
## 📝 更新日志
- **v1.2.0** (2026-03): 新增 ECharts 图表支持
- **v1.1.0** (2026-02): 新增响应式布局
- **v1.0.0** (2026-01): 正式发布，1K+ 下载
---
**让原型设计像说话一样简单** 🎨
**1K+ 用户的选择** | **4.8⭐ 好评** | **持续更新中**