编代码之前，原型设计工具能够帮程序员解决设计问题，就算审美欠佳也无妨，这些工具都有很棒的模板能供选择。将不同迭代的可能性快速分享给客户，如此可显著加速设计过程，接下来这十大原型设计工具值得去尝试一番。

1.

初始是由进行开发的，目的是协助团队去建立以及设计产品。当下能够免费予以使用，程序员能够注册成为苹果开发人员，借助去下载并且安装Xcode从而实现在Mac上顺畅地运行。

此工具和其他原型工具比，有更多安装工作要做，一旦安装好便可立刻着手创建设计概念，还要模拟滚动、滑动以及页面链接；其设计能被导入，项目所拥有及包含的图层会被保留，可依据需要来进行链接、动画制作或者转换；它并非以移动设计作为核心要点，能够设计出响应式网站，同时模拟文本输入、相机以及OS X拖放等功能。

通过点击一下，就能导出包含动画的原型组件，并且提供了演示工具，借助该工具用户能够为设计增添自定义背景，实现全屏查看，还可模拟不同设备。不过，存在的缺点是，没办法让客户或者设计团队直接针对项目或者版本记录进行评论。

2.

真心实意的发光之处在于，在那个原型设计得以完成之后，轻触一下那个按钮，便能够转化成可以投入生产的就绪网站。

最近，引入了新功能，其中一个是用于原型的CMS，这个CMS完全可视化，且允许在无需编写代码的情况下创建强大的动态网站，另外还有一个特别有用的功能是借助博客页面原型概念创建博客。

倘若你身为自由设计师，且难以寻觅到程序员把你的设计变为现实sketch标注插件，那能帮你。你能够设置用户账户，或者指定管理员去管理内容，也能够在客户端直观地予以更改，又或者将原型导出至代码里，干净的语义代码可节省程序员数小时的代码清理时间。

有可拖放到原型里的网站模板跟Web组件，响应很自然，网站布局会针对所有设备作优化，包括桌面设备、移动设备和平板电脑，要是这还不够，还能设计适用于移动设备以及所有现代浏览器的动画，并且具有内置扩展性，能轻松把直播原型连接到Slack、Drive以及超400种其他服务。

3. Proto.io

可用Proto.io自带的网站和应用程序模板来迅速启动项目，现成模板中有多种互动功能，这个应用程序是在网络上运行，故而在任何平台都能运行Proto.io。不过其每个功能像是都创建了一个新窗口，此窗口用于构建和实时预览项目。要是想把标签数量维持在最低限度，那这或许会是件让人烦恼的事。

Proto.io于近期发布了好些插件，这些插件能够借助简便的拖放方式来实现整合与设计。在导入文件之际，Proto.io会把文件留置在相应位置，如此一来用户就无需耗费时间去重新进行对齐操作。要是已然导入了Proto.io，那么依旧能够持续于其中开展更改，Proto.io原型将会自动加以更新，根本不必再度重复导出以及导入的行为。

4.

作为备受欢迎的原型设计工具之一，它能够借助代码针对一切事物开展原型制作，进而缔造出全新的突破性设计。然而使用该工具存在学习难度，好在编码语言的文档结构极为优良，并且具备诸多学习资料。

Mac应用程序，是经过精心设计产生的，其能在编写代码之际，提供实时预览功能。借助该程序，用户不会遭受其他应用程序拖放工具的限制。另外，鉴于运用代码构建原型，故而能够把实时数据，从诸如和Parse等来源，整合至原型当中。

如其他工具那般，对项目予以支持，且还会留存设计图层。和多数工具不一样的是，能够导入After文件。在你筹备好分享原型之际，能够生成供客户端共享的URL。这些可共享的网址能在移动设备上空开用以开展实时预览，还能够针对VR开展原型设计。

5. Vectr

Vectr是免费的，不管是桌面端，还是网络浏览器端，其原型都会保持同步，在任何时候都能够用，且始终都能访问到最新的更改内容，有更改随时都能看到。

可与URL共享的Vectr原型，能集成进类似Slack的应用程序以实施强大的协作，当下Vectr功能并不丰富，该应用程序的路线图已发布，其中详细罗列了功能清单，清单涵盖完全脱机的桌面应用程序，更多的平台，内置版本控制，内置设计资源市场，协同编辑，内置反馈和注释工具等。

6.

这是个Web应用程序，而非可用的桌面应用程序，它需要运行浏览器，且拥有漂亮的用户界面以及直观易用的动画时间轴。

要是尝试运用After来开展原型动画，你会体会到那动画时间轴究竟是怎么个很棒的情形，极其灵活，便利进行交互调整，仅仅轻点播放按钮就能查看更改以及动画。

用户可通过其历史选项进行快退操作，从而查看历史迭代情况，并且能从任意角度去创建新版本。针对iOS设计人员，推出了一套带有iOS设计元素库的套件，目的在于实现快速原型设计。你能够直接把自定义CSS添加进去，同时也能够导出CSS，就是将其简单地复制后粘贴到项目里。

7.Easee

有一款名为Easee的工具，它属于那种着实能令人印象深刻的原型设计工具范畴，当存在着许多人都认定该产品是Fabre所怀揣的激情项目之际，Easee却偏偏给人留下了颇为深刻的印象，它的目标在于助力设计师去构建针对网络的漂亮动画，而且不必编写代码，这就是Easee。

拥有Easee，你能够于其中拖放图层进而开启动画制作，它能在应用程序里创建平滑动画并导出至CSS，所以能够把它们导入到实际的Web项目内，并且还能够在网上查看动画实时预览。

8.

堪称是全球范围内极为流行的原型设计工具，此团队持续增添新功能，助力设计人员更高效地开展原型设计，此工具最大的功能乃在于其对项目反馈的掌管，客户以及设计团队能够直接于原型之上给出意见。

把项目状态传递给客户以及团队是极其关键的，经由项目管理页面，用户能够把设计组件归拢到状态工作流里。举例来说，要是把设计组件拽进“进行中”队列，那客户或者团队查看状态之际就会马上晓得正在开展的工作。

将不久前，发布了一项被称作的功能，它能够当作演示工具，还能用于项目资产管理器，并且可以进行创建。

有诸多功能，貌似没完没了。用户能够从中导入设计文件，或者导入动画设计资源，还可以链接页面用来模拟现实生活里的网站，把原型在移动设备上给予预览，并且存在版本控制，有着无限的免费用户测试，以及和Slack，，Box这样的应用程序形成集成之类的情况。

9.Adobe Comp

就在最近发布的那部 iPad Pro 向我们传达了这样一些信息sketch标注插件，众多的广告素材正运用平板电脑来开展开发项目。而 Adobe Comp 呢，它提供了那些必要的工具，这些工具的作用是把自然绘图手势转变为能够用于生产的就绪图形。

你能运用Adobe Comp，去创建跟，和毫无缝隙融入的打印，网页以及移动布局。Comp能够跟Adobe Stock一块儿运用，进而给予图像，图形以及数百种字体，能够在设计原型的过程里轻易整合。

Adobe Comp给出了开发原型的新办法，也给出了设计原型的新办法。其设计对用户友好，事实上不存在学习方面的阻碍。

10.

它是由曾经参与OS X开发的前苹果工程师搭建而成的，具备能够把原型导出成为视频或者动画 GIF 的能力，能够在任意地点进行共享，或者在特定场所均可实现共享！

只适用于Mac，要是你曾用过的话，则原理界面就会变得特别熟悉。虽说不涵盖协作工具，可这种不足兴许会被它的离线功能给遮蔽。

结论

功能强大的这十大原型设计工具，能结合团队特点，依据团队兴趣，从中挑选出最为适合的工具。

如有侵权请联系删除！