分享11款原型图软件，让你的创意无限发挥！

即时设计

即时设计是一个集设计、原型、开发于一身的一站式在线设计工具，也是一个可以云端编辑、团队写作的在线原型网站。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具，支持 Sketch、Figma、XD 格式导入，海量优质设计资源即拿即用。支持创建交互原型、获取设计标注，为产设研团队提供一站式协同办公体验。https://js.design/?source=csdn&plan=bttcsdn11243

• -设计功能强大，矢量编辑、笔工具、切片、蒙版等帮助发挥我们的创造力，也可以实现线框图、流程图的有效制作，流程连接插件，甚至不需要自己，打开插件选择层，可以自动连接，始终保持关联，也可以添加注释，清晰显示您的交互逻辑，非常方便。

• 他的交互设计效果也很棒。酷炫的智能动画，丰富的触发交互事件，有序的原型连接，模拟最真实的使用场景，让你的设计真实可视化，低保真/高保真原型输出轻松。

• 还有丰富的在线原型资源可以免费一键应用，在大量资源库中选择自己喜欢的设计资源，看哪一种使用，没有任何限制。

• 支持导出各种文件格式的在线原型设计作品，如SVG、PNG、JPG、WebP、PDF(矢量图/位图)版本，不需要害怕导出设计失真等问题，应该更清晰，也可以选择导出尺寸，如0.5x、0.75x、1x、2x、4x还可以，再大也没问题。

• 与市场上的主流设计工具相结合，可实现Figma到Sketch的文件转换，Figma、Sketch、AdobeXD、导入AxureRP等在线原型网站的文件。

• 它有自己的切割图标记功能，本地研发模式，无需使用第三方工具，通过链接交付，开发直接复制链接到浏览器打开操作，无文件传输时间和空间成本，简单方便。

• 即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具，支持 Sketch、Figma、XD 格式导入，海量优质设计资源即拿即用。支持创建交互原型、获取设计标注，为产设研团队提供一站式协同办公体验。https://js.design/community?category=design&source=csdn&plan=bttcsdn11243

Figma

Figma是一个集成的原型图软件，可以简化合作，主要通过基于浏览器的云平台为UI设计师、开发人员和所有团队成员提供合作平台，允许所有人共同编辑、修改和提交结果。一致性是网页设计的首要任务。您可以使用原型图软件Figma的灵活风格来控制项目中文本、网格和其他元素的外观，以及各种插件，如显示用户路径的Autoflow、Figmotion等用于动画创作，都可以插入Figma。

缺点：

程序在执行任务期间缓慢或突然卡住(这种情况在国内用户中比较常见)

内存占比空间较大

Invision

原型图软件Invision内置了许多有用的功能，包括一个方便的矢量绘图工具，可以复制组件，然后修改它们，创建动画和其他交互式视觉效果。原型图软件Invision还允许团队成员绘制、添加注释和留下反馈，而无需跨平台工作。

缺点：

客户支持服务很差

程序有时启动缓慢

仅适用于macOS系统，受众有限

Adobe XD

原型图软件Adobexd提供了一个矢量原型系统，包括可用于创建交互、过渡和其他类型的动态工具。因为它是基于向量的，所以很容易缩放和调整元素的大小。在用户界面和用户体验设计方面，原型图软件Adobexd涵盖了从概念创建到高细节原型设计所需的所有工具，更重要的是，它们每个月都会进行内部更新，以扩展其功能。

缺点：

内置功能和模板都不如Sketch和Invision那么成熟

合作几乎意味着与团队成员和客服分享工作非常麻烦

Sketch

作为一款受到众多UI设计师青睐的原型图软件，Sketch的口碑有目共睹。通过Sketch的巧妙布局，您可以创建可重用的元素，调整它们的大小，然后保存到您团队共享的资源库中，方便您下次使用。

缺点：与原型图软件Invision一样，Sketch仅限于macOS系统使用

Balsamiq

Balsamiq是一种低保真线框图工具，可以制作产品设计草图、web应用程序、移动应用程序、用户界面布局等。原型图软件Balsamiq的组件偏向涂鸦风格，制作的界面效果更有趣，还有HTML控制原型图和iPhone元素原型图，尽可能一对一还原。

缺点：

绘画的原型风格相对较小

由于没有页面交互和页面层次，原型图软件Balsamiq的页面关系是平等的，需要逐一转换

Marvel

原型图软件Marvel为快速创建应用程序和网站提供了一套完整的工具和功能。通过这个平台，设计师不再局限于静态布局，而是可以享受创建动态过渡和手势交互原型的能力，这将为您提供真实的交互体验。此外，原型图软件Marvel和传输工具自动为开发人员提供他们最近迭代中的所有代码和资源，因此他们可以很容易地设计一个网站。

缺点：无动画模拟屏功能

Axure

原型图软件Axure结合了线框和原型设计功能，允许设计师在不了解代码的情况下开发网站和应用程序的交互原型。原型图软件Axure除了视觉效果、交互性和架构所需的一切外，还提供了一个全面的文档工具，允许您跟踪任务和其他重要数据，供有需要的人使用。

缺点：不支持视频或动画gifif

Framer

Framer是一款具有高保真模板和布局的原型图软件，要求用户具备CSS和HTML的基本知识来处理交互元素和动画。在这个平台上工作，只需几个步骤就可以开发一个框架和网页的视觉设计。

缺点：

与其他类型相比，资源模板社区较小

运行速度慢

Origami Studio

原型图软件Origamistudio为网站和移动应用程序的原型设计提供了强大的工具，支持创建逻辑和行为链、动画和交互。此外，它还包含了许多现成的原型模板，可以直接应用。对于寻找更先进系统的设计师来说，原型图软件Origamistudio绝对是一个不会出错的选择

缺点：

标准功能使用缓慢

学会花更多的时间掌握使用方法

Proto.io

Prototo原型图软件.IO提供了许多拖动webUI组件、模板、图标库、音频和视频集成。由于组件和工具的广泛选择，小白设计师可以在没有代码的情况下创建交互式原型，因此他们可以快速掌握使用方法。

缺点：

比普通UI设计工具更贵

没有桌面应用程序