Moqups
网页·设计与开发Moqups 是一款基于云的设计工具，可为网站、应用和仪表盘创建线框图、效果图、交互式原型和示意图。
为什么适合
界面设计与原型
界面设计与原型：工具与应用
用于设计应用和网站界面、绘制线框图、制作可点击原型，以及把设计交付给开发者的工具。先决定是独自工作还是团队协作，以及设计需要与代码对应到什么程度。
使用须知: 免费使用条件因工具和套餐而异。若卡片没有列出该工具特有的限制，请到官方页面确认额度、水印和导出条件。
有免费选项
Figma
网页·设计与开发Figma 是一款设计工具，可在同一个画布上设计界面并制作原型、与团队协作，还能通过 Dev Mode 把设计转为代码；可通过 figma.com 和桌面应用使用。
为什么适合
界面设计与原型
Penpot
网页·设计与开发Penpot 是一个开源设计平台，用于界面设计、线框图和交互式原型；你可以在云端使用，也可以安装到自己的服务器上，并且它支持 SVG、CSS、HTML 和 JSON 等开放标准。
为什么适合
界面设计与原型
Uizard
网页·设计与开发Uizard 是一款 AI 辅助的界面设计工具，可根据文字提示生成包含多个屏幕且可编辑的原型，并把截图和手绘草图转换为可编辑的设计。
为什么适合
界面设计与原型
如何选择？
设计一个两三个页面的小流程：创建组件，试用自动布局，把页面连起来并在手机上打开原型。再试试和同事在同一文件中评论，以及在开发者视图中查看尺寸和颜色值。
请在官方价格页面确认免费套餐是否限制文件、页面、编辑者数量或版本历史。能否导出到其他工具或开放格式、离线使用或自行部署，在来源中看到之前不要默认支持。
线框图、视觉稿和原型有什么区别？线框图是展示布局的简单草图；视觉稿（样机）用颜色和图片呈现最终效果；原型则是可以在页面之间点击浏览的模型。早期先做线框图，修改成本更低。
设计工具会自动生成代码吗？有些工具可以显示尺寸、颜色和 CSS 数值，或生成代码片段，但这些输出通常并不是可直接上线的应用代码。具体怎么用，请与开发者一起评估。
比较有文档依据的功能
此比较基于已发布的官方文档，并非实际操作测试或质量排名。未知功能不视为已验证。
- 是
- 否
- 尚未核实
| 应用名称 | 在哪里使用？ | 免费输出 | 无需注册 | 无水印 | 离线可用 | 批量处理 | 内容语言 | 使用须知 / 来源与核查日期 |
|---|---|---|---|---|---|---|---|---|
| Moqups | 网页 | 是 | 尚未核实 | 尚未核实 | 尚未核实 | 尚未核实 | 尚未核实 | 来源与核查日期 |
| Figma | 网页 | 尚未核实 | 尚未核实 | 尚未核实 | 尚未核实 | 尚未核实 | 尚未核实 | |
| Penpot | 网页 | 尚未核实 | 尚未核实 | 尚未核实 | 尚未核实 | 尚未核实 | 尚未核实 | 来源与核查日期 |
| Uizard | 网页 | 尚未核实 | 尚未核实 | 尚未核实 | 尚未核实 | 尚未核实 | 尚未核实 |
适用于多个工具的说明
- 请分别核对各工具套餐，一项功能的额度不代表另一项。
- 请在官网确认当前配额和输出条件。