- Figma
Figma 是一款在线的网页原型设计工具，具有轻量级的产品体系和丰富易用的设计能力。
Figma的主要优势包含：
- 丰富而灵活的布局和排版工具，包含自动布局、网格系统、对齐工具等；
- 开放的插件生态系统，可以接入第三方扩展软件，集成其他工具功能，定制产品设计需求和工作流程；
- 强大的设计组件和样式库功能，设计师可以将常用的UI元素、图标、按钮等制作成组件，并且在不同项目中重复使用；
- 设计开发一体化，Figma设计文件可以直接与开发工具（如 Zeplin、Avocode 和摹客CC）集成，轻松交付开发，打通设计开发全流程；
- 提供设计系统的创建和管理功能，团队可以建立一致的设计规范、组件和样式库；
价格：免费版和付费版（12美元/用户/月）
学习难度：比较简单
使用环境：基于浏览器，无设备限制
推荐理由：轻量级设计神器，界面超美，使用体验感极佳，UI设计师也爱用
推荐评级：★★★★★
- ProtoPie
ProtoPie是一款专注于交互设计的网页原型设计图软件，特点包含无代码交互设计功能、直观的界面以及多设备支持，能设计出高度接近真实用户体验的网站原型。
ProtoPie的主要优势包含：
- 丰富多样的交互动画和互动效果，可以创建高度交互的原型，实现复杂项目的用户体验和流程；
- 内置了丰富的交互组件和预设动画，可以直接拖拽使用，提升原型制作的速度；
- 支持多平台和多设备的原型展示，虽然强项是移动设计原型，但仍旧可以在不同的设备上无缝切换和预览；
- 直观的可视化编程方式，无需编写复杂的代码，通过简单的拖拽和链接就可以实现复杂的交互逻辑；
- 可云端协作，实时共享和协作原型项目，团队成员高效沟通和协作；
价格：免费版和付费版（67美元/用户/月）
学习难度：中等
使用环境：Windows和MacOS
推荐理由：强大而易用的原型图工具，丰富的交互和模拟功能，高质量的移动端交互原型设计利器
推荐评级：★★★★☆
- Balsamiq
Balsamiq 在网页原型设计软件中风格独特，是简洁的手绘风格界面和元素，可以快速制作草图式的网站线框图。
Balsamiq的主要优势包含：
- 快速原型设计，基于其简洁且易于使用的界面，产品经理能够快速绘制草图式的线框图原型；
- 独特的手绘风格的界面，类似于纸笔草图，具有非常简单和直观的外观，手绘风格有助于减少对细节的关注，更专注于布局、交互和整体结构；
- 强调功能和布局的表达，提供了丰富的预定义UI元素和组件，快速构建界面的结构和交互；
- 快速编辑和迭代功能，只需通过简单的拖放和编辑功能，可以快速调整界面元素、布局和交互；
- 非常适合早期快速原型设计阶段，产品经理可以在短时间内快速制作多个变体和版本。
主要功能点和亮点：丰富的组件和插件，团队协作和版本控制功能。
价格：按项目收费（起价$9/月）
学习难度：中等
使用环境：Windows和MacOS
推荐理由：着重于产品概念的表达，而非视觉效果，专注于用户体验和功能流程的原型设计，低保真原型工具首选
推荐评级：★★★★☆
- Axure RP
作为老牌的高保真网页原型设计工具，Axure RP 提供了丰富的交互效果和自定义样式，可以让设计师和团队成员更好地制作高保真的网站原型图。
Axure RP的主要优势包含：
- 强大的交互设计功能，具有丰富的交互元素和动画效果，可以创建互动链路、状态变化和过渡效果等高度交互性的原型；
- 内置丰富的组件库，涵盖了常见的UI元素和交互模式，快速拖放即可使用；
- 生成专业可交付的设计文档，便于与开发人员和利益相关者沟通。
- 可扩展性高，支持插件和脚本的集成。
价格：免费版和付费版（29美元/月）
学习难度：难度大，交互设计复杂深奥，有一定的门槛
使用环境：Windows和MacOS
推荐理由：功能强大，可以制作丰富的交互效果和自定义样式
推荐评级：★★★★☆
