设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

订阅摹客文章

免费获取优质的设计资讯!

文章分类
设计+协作,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 设计和原型工具 > 7款免费原型设计工具,总有一款是你的菜!

7款免费原型设计工具,总有一款是你的菜!

Cherry
2018-05-20
4713691

身为一位产品经理或设计师,原型设计工具是必不可少的工作伙伴。但我们难免会遇到预算有限的时候,这时候,去哪里寻找一款好用的免费原型设计工具呢?以下,小编为大家精心挑选了7款免费的原型工具,并对其进行了简单的介绍以供参考!

1. 摹客RP

免费方式:永久免费

功能特色:

  • 全新的主辅画板模式,可以灵活创建不同的交互效果。
  • 支持多人同时在线编辑同一项目,共同完成APP原型设计。
  • 自带钢笔工具、铅笔工具、布尔运算、响应式布局等特色功能,设计创作自由随心
  • 支持页面交互、状态交互、命令交互,以及设置多种触发方式和曲线,快速制作交互原型。
  • 设计稿中支持直接绘制流程图,清晰呈现项目逻辑。

适用情景:中高保真原型,快速原型, WEB/移动端/平板原型,线框图,视觉稿

摹客原型设计采用基于Web的全新架构,不需要下载安装,不受设备系统的限制,通过浏览器即可快速进行原型设计。摹客原型自带钢笔、铅笔等矢量工具,可帮助用户自由完成设计。设计完成后可以和团队成员无缝协作,轻量设计还能直接交付开发,真正实现“从创意到落地”。

2. Axure RP

免费方式:免费试用30天

功能特色:

  • 支持交互设计
  • 生成规格说明文档
  • 输出HTML原型
  • 版本控制管理
  • 支持多人协作设计
  • 母版功能
  • 支持动态面板和复用模板

适用情景:视觉稿/高保真原型,大型复杂项目,Web线框图,网页原型

Axure RP是一款专业设计师不容错过的免费原型设计工具设计师可以用它快速创建应用软件或Web线框图、流程图、原型和规格说明文档。作为一款专业的设计工具,它能快速、高效的创建原型,但对于新手来说,需要投入较高的学习成本。

3. Justinmind

免费方式:免费试用30天

功能特色:

  • 支持手势交互
  • 自定义组件(库)
  • 支持动画
  • 支持团队协作功能
  • 支持版本控制
  • 快速预览原型
  • 多种导出方式(HTML+JS, Word, PNG, 导航地图)

适用情景:高保真原型,线框图,移动端原型

Justinmind

这也是一款适用于高保真原型和线框图的原型工具。不过对于新手设计师来说,这款工具的学习曲线也是比较高的。

4. Invision

免费详情:免费1个项目

功能特色:

  • 项目反馈管理,团队协作,
  • 支持手势和转场功能
  • 快速创建热点链接页面
  • 支持Sketch/Photoshop导入
  • 支持版本控制
  • 支持多种分享方式(URL, Email, SMS, Zip, PNF)

适用情景:线框图,移动应用原型

Invision

InVision可以说是一款较流行的免费原型设计工具,设计师可以利用它免费设计一个的项目。这款工具允许设计师编辑,分享和测试具有一定交互的应用原型。而其团队协作功能,即允许设计师导入原型,讨论和添加交互及动画,也为部分设计师用户所喜爱。因此,InVision更适合团队使用。

5.Flinto

免费详情:免费试用30天

功能特色:

  • 支持转场动画,画面滚动流畅
  • 支持创建手势交互
  • 支持Sketch导入
  • 支持在iPhobe/iPad上进行实时预览
  • 分享原型

适用情景:多页面,复杂交互的原型,高保真原型

Flinto中文网界面

Flinto是一款mac上强大的移动应用原型设计工具,你可以使用它创建多种原型。从最简单的页面跳转到令人印象深刻的交互动效,无需任何代码和复杂的时间轴,我认为这正是大多数交互设计师所期望的。

6. Proto.io

免费情况:免费试用15天

功能特色: 

  • 丰富的移动端设计组件 (可自定义)
  • 支持Sketch和Photoshop插件
  • 大量现成的项目模板
  • 支持原型预览(HTML,短信发送至手机预览),
  • 支持多种文件导出形式(HTML, PNG, PDF)

适用场景:移动端原型,弱动画原型

Proto.io

一款专注于移动端原型开发的软件,可以建立全交互式的移动App原型。设计师可以直接在真实的移动设备上对原型设计进行测试。并且可以使用iOS或Android上的浏览器以全屏模式运行原型。不过这是款在线设计工具,设计师在进行原型设计时需要保持经常在线。

7.Balsamiq Mockups

免费情况:免费试用30天

功能特色:

  • 独一无二的手绘风格
  • 支持Linux, 支持WIKI风格的代码规则
  • 内置大量模块(包括桌面App,移动端App及网站模板等)
  • 支持多平台使用(Windows、Mac OS、Linux)
  • 支持PDF导出
  • 拥有种类繁多且风格独特的UI库

适用场景:低保真原型,静态网页原型,手绘风格原型

Balsamiq Mockups

Balsamiq是一款免费且界面简洁的Mac原型工具,致力于是尽量给用户,即UX/UI设计师,产品经理和开发工程师,一种近似于直接使用笔和纸绘制原型草图的体验。它能够帮助设计师快速地直接在Mac电脑上绘制网页或Android/iOS移动端设备应用的草图。

对于一名设计师来说,掌握过硬的设计知识当然是必不可少,但设计工具的挑选也非常重要。尤其是在预算有限的情况下,设计师如何挑选到一款称心如意的原型工具呢?看完小编介绍的7款免费原型设计工具,相信你已经跃跃欲试了!心动不如行动,赶紧去试试这些工具吧!

上一篇
产品经理如何用马斯克的「第一法则」进行日常工作?

黎晨   05/21

Mockplus走进四川师范大学

Jongde   05/18

下一篇
需要帮助?

摹客产品顾问为你服务

我是小摹,立即扫码加我吧!

帮助群:957920539

服务邮箱:service@jongde.com