用户体验工具集
工欲善其事 必先利其器
颜色与尺寸工具简介
COLOR&SIZE TOOLS
Flat UI Color Picker
取色工具
特点简介
__________________________
纯色取色板， 提供8类主要颜色系列，每类颜色系列提供20-30个具体颜色取值，对每个颜色进行了命名，标注了HEX和RGB 格式取值
上手难度：极易
支持语言：英文
使用价格：完全免费
支持系统：WEB
Design Seeds
配色工具
特点简介
__________________________
视觉创意网站，从各种图片中提取颜色系列，形成颜色库，并进行分类整理，供浏览和查找，同时对每个色系的色值进行了标注
上手难度：极易
支持语言：英文
使用价格：完全免费
支持系统：WEB
官网地址：www.design-seeds.com
Adobe Color CC
取色工具
特点简介
__________________________
可以根据设定的规则生成一套颜色主题，包含了一个颜色系列，标识了每个颜色的色值。同时还可以浏览采用其他人创建的颜色主题
上手难度：容易
支持语言：英文
使用价格：完全免费
支持系统：WEB/ios/android
Stylify Me
取色工具
特点简介
__________________________
提取指定网站的各类设计元素的颜色，包括背景颜色、字体颜色，同时还可以提取字体大小系列，以及图片的大小系列，结果可以导出为PDF文档
上手难度：极易
支持语言：英文
使用价格：完全免费
支持系统：WEB
官网地址：http://stylifyme.com
Color Safe
配色与测试工具
特点简介
__________________________
背景颜色与字体颜色设计工具，根据设定的背景颜色、字体类型和大小，生成实际样式，通过颜色板来调整样式中的字体颜色，直到自己满意为止
上手难度：容易
支持语言：英文
使用价格：完全免费
支持系统：WEB
官网地址：http://colorsafe.co
Color Tester
配色与测试工具
特点简介
__________________________
根据提供的图片快速生成调色板，并根据WCAG对颜色验证颜色对比度。同时可以将颜色转换成CSS适用的HSLA, RGBA和hex值，并分享到PS/AI等设计工具
上手难度：容易
支持语言：英文
使用价格：完全免费
支持系统：WEB
官网地址：color.mediaandme.be
Color Hunt
取色配色工具
特点简介
__________________________
Color Hunt能创建生成自己的配色版，也可以随机生成配色版。同时列出了所有平台生成的配色方案，并进行了分类，可以直接采用。完全免费。
上手难度：极易
支持系统：WEB
系统语言：英文
官网地址：http://colorhunt.co
Sip
取色配色工具
特点简介
__________________________
Sip是一款基于Mac的配色工具，选安装Mac客户端。功能丰富，包括调色板配色、取色、工具栏，同时可以和Sketch、AI等设计工具对接。提供免费试用，一次性购买费用$9.99。
上手难度：容易
支持系统：WEB
系统语言：英文
官网地址：http://sipapp.io
SCREEN SIZ.ES
屏幕尺寸查询工具
特点简介
__________________________
可查询主流品牌的手机、平板、电脑显示器的尺寸、长宽比、像素，以及操作系统
上手难度：极易
支持语言：英文
支持系统：WEB
官网地址：http://screensiz.es
线框设计工具简介
WIREFRAME PROTOTYPE TOOLS
PowerMockup
线框设计工具
特点简介
__________________________
PowerMockup其实是一套PowerPoint插件，包含有10大类常用控件。下载安装后，可以在PowerPoin里使用控件设计线框原型。适合偶尔需要设计原型的研究人员、产品经理等非专业设计师。
使用价格
___________________________
一次性购买，费用$60-2100
上手难度：极易
支持语言：英文
支持系统：PowerPoint
官网地址：www.powermockup.com
Wireframe
线框设计工具
特点简介
__________________________
Wireframe是一个即开即用的线框设计工具，无需注册即可使用基本功能。包含常用控件和功能，界面简洁，操作方便，适合绘制简单的界面原型和流程图 。
使用价格
___________________________
免费使用14天
月费$15-99，年费$120-990
上手难度：极易
支持语言：英文
支持系统：WEB
官网地址：https://wireframe.cc
ProcessOn
线框设计工具
特点简介
__________________________
ProcessOn是一款国产在线线框设计工具，功能简单，界面简洁，操作方便，包含基本的UI控件。可设计线框图/流程图等，支持在线发布、团队协作和在线评论。
使用价格
___________________________
完全免费
上手难度：容易
支持语言：中文
支持系统：WEB
官网地址：www.processon.com
MockFlow
线框设计工具
特点简介
__________________________
MockFlow是一款界面简洁、风格现代的线框设计工具，画板比同类工具大，操作方便，包含基本的UI控件。可输出为PNG/PDF/PPT/HTML，支持在线发布和评论。
使用价格
___________________________
有免费试用
月费$19-39，年费$168-348
上手难度：容易
支持语言：英文
支持系统：WEB/WIN/MAC
官网地址：https://mockflow.com
balsamiq
线框设计工具
特点简介
__________________________
balsamiq是一款手绘风格的线框原型设计工具，提供了12大类的UI控件，风格活泼，设计操作方便，主要用于快速绘制概念原型 。
使用价格
___________________________
免费试用30天
桌面版单个license$89，在线版月费$12-199
上手难度：容易
支持语言：英文
支持系统：WEB/Win/Mac
官网地址：https://balsamiq.com
OmniGraffle
线框设计工具
特点简介
__________________________
OmniGraffle是一款类似Viso的绘图工具，但专用于Mac系统，可以绘制线框图、流程图等，可以输出PNG/PDF/HTML等格式。
使用价格
___________________________
免费试用14天
单个License$99-199
上手难度：容易
支持语言：英文
支持系统：Mac/iOS
Gliffy
线框设计工具
特点简介
__________________________
Gliffy同样是一款在线框设计工具，同时提供离线浏览器插件版本，可以绘制线框图、流程图等，可以输出SVG/JPG等格式，支持在线分享与团队协作。
使用价格
___________________________
免费试用14天
月费$4.99-7.99
上手难度：容易
支持语言：英文
支持系统：Web
官网地址：www.gliffy.com
Pidoco
线框设计工具
特点简介
__________________________
Pidoco是一支德国团队开发在线框设计工具，可以绘制线框图、流程图等，控件采用平铺模式，容易操作，成果可以输出为PNG/PDF，支持在线分享与团队协作。
使用价格
___________________________
免费试用31天
月费$12-175
上手难度：容易
支持语言：英文
支持系统：Web
官网地址：https://pidoco.com
原型设计工具简介
PROTOTYPE TOOLS
墨刀
原型设计工具
特点简介
__________________________
墨刀是一款本土的在线手机APP原型设计工具，能够快速创建移动应用产品原型，并向他人演示。支持界面设计，并提供了各类型的控件；也可以直接导入设计稿图片。基于设计界面，可以设计工作流和基本动效，并可导出或在线发布，收集反馈和评论。
使用价格
___________________________
免费试用14天
月费￥10-499，年费￥99-4999
上手难度：一般
支持语言：中文
支持系统：Web/iOS
可设计原型类型：移动/Pad
官网地址：https://modao.cc
MOCKPLUS
原型设计工具
特点简介
__________________________
Mockplus是一款简洁快速的原型设计工具，支持中文版本。使用本地客户端模式，不能在线使用。功能简单易用，提供了大量的控件和模板，可以设计工作流和基本交互，原型可导出，或在线分享和发布，其他人可标注和评论，收集反馈。
使用价格
___________________________
有免费版，可一直使用
月费￥10，年费￥118
上手难度：容易
支持语言：中文/英文
支持系统：Win/Mac/iOS/Android
可设计原型类型：移动/Web/Pad
官网地址：www.mockplus.com
Marvel
原型设计工具
特点简介
__________________________
marvel是一款在线的原型设计工具，提供界面设计功能，同时可以从云端、Sketch同步设计稿，并在此基础上设计工作流和动效，快速的将设计稿制作成交互原型，可导出为软件博，也可以在线分享和发布，同时可以调用lookback进行在线用户测试。
使用价格
___________________________
免费试用14天
月费$16-64，年费$168-672
上手难度：容易
支持语言：英文
支持系统：Web/iOS
可设计原型类型：移动/Web/Pad/Werable
UXpin
原型设计工具
特点简介
__________________________
UXPin是一个款在线综合的设计工具和平台，功能包括界面设计，原型设计和测试，以及文档交付。提供大量的模板和控件，同时还可以从Sketch和PS中同步设计稿，并在此基础上设计工作流和交互、动效，可以导出为各种形式，并在线分享、发布和测试。
使用价格
___________________________
免费试用7天
月费$19-98
上手难度：一般
支持语言：英文
支持系统：Web
可设计原型类型：移动/Web/Pad
JUSTINMIND
原型设计工具
特点简介
__________________________
JUSTMIND是一个款基于本地客户端模式的设计工具，不能在线使用。功能包括界面设计，原型设计和团队协作。模板和控件丰富，支持高保真界面设计，以及工作流和切换效果设计，可以导出为各种形式，并在线分享和发布。
使用价格
___________________________
免费试用30天
月费$29，年费$228
上手难度：容易
支持语言：英文
支持系统：Win/Mac
可设计原型类型：移动/Web/Pad/Wearable
官网地址：www.justinmind.com
inVISION
原型设计工具
特点简介
__________________________
inVISION是一款在线原型设计和协作工具，不提供界面设计功能，可以从本地、云端导入图片，也可以从Sketch/PS同步设计稿，在此基础上设计工作流和页面切换效果。成果可以在线发布，也可以进行在线用户测试，收集评论和反馈。
使用价格
___________________________
提供免费版本
月费$15-99，年费$156-1068
上手难度：容易
支持语言：英文
支持系统：Web
可设计原型类型：移动/Web/Pad/Wearable
官网地址：www.invisionapp.com
Axure
原型设计工具
特点简介
__________________________
无需多言，axure一直是国内使用最广泛的综合设计工具，功能最多，控件最丰富，界面设计、工作流设计以及动效设计功能也很强大，文件的导入和导出形式多样；同时axure也一直在增强在移动端、团队协作上的功能。但由于庞杂的架构和功能，需要大量的学习时间。
使用价格
___________________________
免费试用30天
月费$29-99
上手难度：较难
支持语言：英文/中文汉化
支持系统：Win/Mac
可设计原型类型：移动/Web/Pad
官网地址：www.axure.com
中文网站：www.axure.com.cn
Adobe Xd
原型设计工具
特点简介
__________________________
Adobe Xd是adobe公司在原型设计领域奋起直追的产品，沿袭一贯的本地客户端模式，聚焦提供快速的、高保真的界面设计，以及原型制作，包括工作流设计、动效设计，并可以在线分享、发布和测试，收集评论和反馈。
使用价格
___________________________
还在测试阶段
可免费下载使用
上手难度：一般
支持语言：英文
支持系统：Win/Mac
可设计原型类型：移动/Web/Pad
Flinto
原型设计工具
特点简介
__________________________
Finto是一款轻量级的快速原型工具，专注Mac端，基于本地客户端模式，通过插件可以从Sketch导入设计稿。界面简洁，操作简单，提供基本的界面设计功能。突出的特点是可以进行丰富的页面切换、动效和微交互的设计，支持在线分享和发布。
使用价格
___________________________
免费试用30天
单个license$99
上手难度：容易
支持语言：英文/中文汉化
支持系统：Mac/IOS
可设计原型类型：移动/Web/Pad
官网地址：www.flinto.com
中文网站：www.finto.com.cn
Atomic
原型设计工具
特点简介
__________________________
Atomic轻量级的在线原型设计工具，提供基本界面设计功能，可以从本地导入设计稿图片，或者通过Sketch插件导入设计稿，进行工作流、动效的设计，同时可以为原型导入模拟数据。支持在线分享和发布，收集评论和反馈，官方提供了详细的学习视频。
使用价格
___________________________
提供免费版本
月费$19-59
上手难度：容易
支持语言：英文
支持系统：Web/IOS
可设计原型类型：自定义
官网地址：https://atomic.io
Proto.io
原型设计工具
特点简介
__________________________
Proto.io是一款在线快速原型工具，提供高保证界面设计，控件库丰富。原型设计可以基于图片或层来设置，效果逼真。支持团队协作，被很多设计师评委最好的快速原型工具，成果可在线分享和发布。
使用价格
___________________________
免费试用15天
月费$29-199，年费$288-1932
上手难度：容易
支持语言：英文
支持系统：Web/IOS
可设计原型类型：移动/Web/Pad/Wearable
官网地址：https://proto.io
Fluid UI
原型设计工具
特点简介
__________________________
Fluid是一款在线原型设计工具，最早聚焦移动端运行设计，后扩展到其他类型。提供基本界面设计功能，也可以从本地导入设计稿图片，进行工作流、动效的设计。成果可输出为PNG、HTML等多种形式。支持团队协作，以及在线分享和发布，收集评论和反馈。
使用价格
___________________________
提供免费版
月费$15-65，年费$99-499
上手难度：容易
支持语言：英文
支持系统：Web
可设计原型类型：移动/Web/Pad/Werable
官网地址：www.fluidui.com
HotGloo
原型设计工具
特点简介
__________________________
Fluid是一款比较轻量级的在线原型设计工具，界面简洁，操作简便，支持基本的界面设计、工作流和动效设计，可以在线发布，并收集评论和反馈，支持团队协作，提供与Slack的对接。官网有蹩脚中文版。
使用价格
___________________________
免费试用7天
月费$15-60，年费$158-648
上手难度：容易
支持语言：英文
支持系统：Web
可设计原型类型：移动/Web/Pad/Werable
官网地址：www.hotgloo.com
Framer
原型设计工具
特点简介
__________________________
Framer是一款将可视化设计与编程相结合的设计工具，既可以通过常用的方式设计界面，也可以同过编程来进行界面设计，以及复杂的工作流和交互设计，同时还可以导入Sketch设计稿和真实的数据，让原型更接近实际效果。设计的原型可以进行预览和演示，也可以在线发布和分享。
使用价格
___________________________
免费试用14天
增强版月费$15，专业版年费$129
上手难度：较难
支持语言：英文
支持系统：Win/Mac
可设计原型类型：移动/Web/Pad/Werable
官网地址：https://framer.com
UX Power Tools
原型设计工具
特点简介
__________________________
UX Power Tools专门提供Sketch设计组件，包括Web组件和Mobile组件.组件类型非常丰富，可以直接引用，并支持改变大小、颜色等多种高级操作，可以明显提升设计的效率和效果。
使用价格
___________________________
待定
上手难度：一般
支持语言：英文
支持系统：Mac
可设计原型类型：移动/Web
官网地址：www.uxpower.tools
Patternry
原型设计工具
特点简介
__________________________
Patterney是一个原型管理工具，可以上传、存储和管理设计组件和原型，进行统一管理，保证设计和体验的一致性。同时可以生成HTML、CSS、JAVA代码，辅助设计师与开发人员之间的沟通。
使用价格
___________________________
提供免费版本
月费$49-199
上手难度：一般
支持语言：英文
支持系统：Web
可设计原型类型：移动/Web
官网地址：http://patternry.com
Notism
原型设计工具
特点简介
__________________________
Notism是基于Web的原型设计协作平台，没有界面设计功能，可以导入图片和视频文档，进行原型设计。支持团队协作，可以对原型和视频进行批注和评论，成果可以在线发布和分享，收集评论和反馈。
使用价格
___________________________
免费试用15天
原型设计月费$24-99，视频$28-142
上手难度：一般
支持语言：英文
支持系统：Web
可设计原型类型：移动/Web
官网地址：www.notism.io
fuse
原型设计工具
特点简介
__________________________
Fuse是一款移动APP原型设计工具，支持设计师和开发人员协同工作，设计师可以进行高保真的界面设计、动效和工作流设计，并可以导入实际数据进行演示。支持开发人员进行代码修改，并可实时演示真实效果。支持团队协作，成果可以进行演示和在线发布。
使用价格
___________________________
提供免费版本
提供定制版本，目前还没有定期付费版本
上手难度：一般
支持语言：英文
支持系统：Win/Mac
可设计原型类型：移动
官网地址：www.fusetools.com
iRise
原型设计工具
特点简介
__________________________
Irise是一款协作型的原型设计工具，支持需求方、设计师、分析师等多角色的协同工作，提供Web和客户端模式。除了原型设计工具常用的界面设计、工作流和动效设计功能外，Irise的特色是支持需求的分析和管理。设计成果可以在线发布和分享，收集评论和反馈。
使用价格
___________________________
免费试用14天
月费$29-99
上手难度：一般
支持语言：英文
支持系统：Web/Win/Mac
可设计原型类型：移动/Web
moqups
原型设计工具
特点简介
__________________________
moqups是一款扎线原型设计工具，界面设计功能强大，支持从低保真到高保真设计，可进行工作流、动效等原型设计。支持团队协作，可制订工作计划，成果可在线发布和分享，收集评论和反馈意见。
使用价格
___________________________
提供免费版本
月费$19-49，年费$156-348
上手难度：一般
支持语言：英文
支持系统：Web
可设计原型类型：移动/Web
官网地址：https://moqups.com
prott
原型设计工具
特点简介
__________________________
prott是一个设计工具系列，支持从概念设计、线框设计、界面设计，到原型设计，动效逼真，不同阶段提供相应的工具，均采用客户端模式。可以通过插件从Sketch同步设计稿，支持团队协作。
使用价格
___________________________
免费试用30天
月费$17-67，年费$205-799
上手难度：一般
支持语言：英文
支持系统：Web/Mac/iOS/Android
可设计原型类型：移动/Web
官网地址：https://prottapp.com
CanvasFlip
原型设计工具
特点简介
__________________________
CanvasFlip将原型设计和用户可用性测试进行了集成，可以基于导入的图片，或者同步Sketch、Balsamiq的设计稿进行原型设计，完成后可在线发布，并邀请用户进行可用性测试，输出测试指标和热力图等测试数据。
使用价格
___________________________
提供免费版，高级版免费试用14天
月费$15-99
上手难度：一般
支持语言：英文
支持系统：Web
可设计原型类型：移动/Web
官网地址：www.canvasflip.com
ZURB Notable
原型设计工具
特点简介
__________________________
ZURB Notable是老牌用户研究公司ZURB开发的在线快速原型设计工具，导入图片和设计稿进行工作流和动效设计，不提供界面设计功能。支持团队协作，原型可在线发布和分享，并邀请实际用户进行可用性测试。
使用价格
___________________________
免费试用14天
月费$20
上手难度：一般
支持语言：英文
支持系统：Web
可设计原型类型：移动/Web
官网地址：zurb.com/notable
Principle
原型设计工具
特点简介
__________________________
Principle是一款基于Mac的原型设计工具，采用客户端形式。可以从Sketch导入设计稿，进行工作流和动效设计，支持实际效果演示，录制演示视频。操作界面类似Sketch，在国内较受欢迎。
使用价格
___________________________
提供免费版
专业版$129
上手难度：容易
支持语言：英文
支持系统：Mac
可设计原型类型：移动/Web/Werable
Concept.ly
原型设计工具
特点简介
__________________________
Concept.ly是一款在线原型设计工具，提供界面设计功能，有丰富的设计控件，还从Balsamiq等工具导入，可以进行工作流和动效等原型设计。支持团队协作，原型可在线发布和分享，收集评论和反馈，并对反馈的类型进行分类管理。
使用价格
___________________________
提供免费版
专业版月费$9.99
上手难度：容易
支持语言：英文
支持系统：Web
可设计原型类型：移动/Web
官网地址：www.concept.ly
ProtoPie
原型设计工具
特点简介
__________________________
ProtoPie是一款来自韩国团队的原型设计工具，采用客户端模式。能够快速创建移动应用产品原型，并在线发布。支持界面设计，并提供了各类型的控件。基于设计界面，可以设计工作流和基本动效。传感交互和多终端交互原型设计是ProtoPie特有的功能。
使用价格
___________________________
提供免费版
单个license一次性费用$99，提供定制版本
上手难度：一般
支持语言：中文/英文
支持系统：WIN/MAC/iOS/Andirod
可设计原型类型：移动
英文官网地址：www.protopie.io
中文官网地址：www.protopie.cn
Tumult Hype
原型设计工具
特点简介
__________________________
Tumult Hype是一款基于本地客户端的动效原型设计工具，只支持MAC系统，重点支持HTML5形式，支持帧式（Frame-based）的动效设计。
使用价格
___________________________
提供免费版
单个license一次性费用$49.99
上手难度：一般
支持语言：英文
支持系统：MAC
可设计原型类型：移动/Pad
Quant-UX
原型设计工具
特点简介
__________________________
Quant-UX是一款集原型设计、在线测试和分析于一体的在线工具，支持从其他设计工具中导入设计稿，设计原型后可在线发布并进行实际用户测试，测试输出结果包括热力图、操作视频回放等。
使用价格
___________________________
目前正在beta版测试，免费使用
上手难度：一般
支持语言：英文
支持系统：WEB
可设计原型类型：Web/移动/Pad
官网地址：www.quant-ux.com
界面设计工具简介
VISUAL DESIGN TOOLS
Figma
界面设计工具
特点简介
__________________________
试过Figam的设计师最大的印象就是一款Web在线版的Sketch！但Figma提供的在线协作比一般工具提供的分享评论更进一步，可以协同操作。另外一个最大的特色就是矢量网络功能，可以进行更方面的矢量绘图。
使用价格
___________________________
提供免费版本
团队版本月费$12
上手难度：难
支持语言：英文
支持系统：Web
可设计原型类型：移动/Web/Pad/Werable
官网地址：www.figma.com
Affinity
界面设计工具
特点简介
__________________________
Affinity是一款获得2015年APPLE DESIGN AWARD的界面设计工具。基于客户端模式，支持Win和Mac，以及iPAD。基础功能和高级功能都很强大，最关键的是有中文版。
使用价格
___________________________
免费使用10天
专业版￥329
上手难度：难
支持语言：英文/中文
支持系统：Win/Mac/iOS
可设计原型类型：移动/Web/Pad/Werable
Antetype
界面设计工具
特点简介
__________________________
Antetype是一款基于Mac客户端的界面设计工具，提供丰富的高级界面设计功能，支持响应式设计，控件资源丰富。同时还提供各种细节说明和注释功能，方便设计资源的管理。
使用价格
___________________________
免费试用30天
专业版$189.99
上手难度：一般
支持语言：英文
支持系统：Mac
可设计原型类型：移动/Web/Pad/Werable
官网地址：http://antetype.com
Gravit
界面设计工具
特点简介
__________________________
Gravit是一款基于Web的在线界面设计工具，支持WEB、APP、Logo等各种类型的界面设计。支持团队协作，作品可以发发布到社区和市场，也可以从社区和市场获取模板和案例。
使用价格
___________________________
完全免费
上手难度：一般
支持语言：英文
支持系统：Web
可设计原型类型：移动/Web/Pad/Werable
官网地址：https://gravit.io
Subform
界面设计工具
特点简介
__________________________
Subform是一款基于客户端模式的界面设计工具，跟Sketch比较类似。基于图层，支持响应式设计，能保证各种界面风格的一致性。同时还可以导入真实数据，让设计更接近实际效果。
使用价格
___________________________
正在内部测试
只对被邀请的专业设计师开放
上手难度：待定
支持语言：英文
支持系统：Win/Macian
Perfect Icons
图标设计工具
特点简介
__________________________
Perfect Icons是一个在线的Icon编辑工具，简单方便，可以对常见的Icon进行按钮颜色、背景颜色、大小、形状、透明度进行任意调整，实时呈现调整效果，最终输出Icon的图片和CSS代码。
使用价格
___________________________
完全免费
上手难度：极易
支持语言：英文
支持系统：Web
Photoshop
界面设计工具
Adobe illustrator
界面设计工具
Sketch
界面设计工具
一体化设计工具简介
ALL IN ONE DESIGN TOOLS
Webflow
一体化设计工具
特点简介
__________________________
Webflow是一个在线界面设计工具，也可以通过chrome插件使用，最大的特点是设计后可以直接发布上线，无需用户另外编写代码和部署。提供丰富的设计模板，支持响应式设计。
使用价格
___________________________
提供免费版
月费$15-65，年费$99-499
上手难度：一般
支持语言：英文
支持系统：Web
可设计原型类型：移动/Web/Pad/Werable
官网地址：https://webflow.com
WEBYDO
一体化设计工具
特点简介
__________________________
与Webflow类似，Webydo也是一款支持自动上线部署的界面设计工具，基于Web方式，支持响应式的界面设计，提供大量的页面模板和控件库，同时还具备内容管理功能。
使用价格
___________________________
提供免费版
月费$90-480，年费$900-4800
上手难度：一般
支持语言：英文
支持系统：Web
可设计原型类型：移动/Web/Pad/Werable
INFRAGISTICS
一体化设计工具
特点简介
__________________________
INFRAGISTICS提一系列的设计与开发软件工具，采用客户端模式，包括了原型设计客户端、开发客户端和自动测试客户端，以及集成客户端，可以提供从设计到开发部署的所有功能。
使用价格
___________________________
提供免费试用版
采用license方式，单个在$600-3000不等
上手难度：较难
支持语言：英文
支持系统：Win
可设计原型类型：移动/Web/Pad/Werable
Strikingly/上线了
一体化自动建站工具
特点简介
__________________________
Strikingly是一个在线自动建站工具，即使不懂设计和开发，通过调用Strikingly提供的常用模块（标题/滑块/文字/博客/相册/商店等），设定每个模块的布局，就可以搭建网站并发布，自动生成响应式的PC、Pad和Mobile版本，可以为设计的网站配置个性化域名。同早期自动建设网站相比，Strikingly的最大优势是后台设计简单、直接、简单，模块的设计美观、简洁，同时还提供了大量分类案例，可以直接引用，如果觉得没有合适的模板，也可以自己编写HTML代码生成页面。为了保证国内的访问速度和稳定性，Strikingly有专门的中文网站——上线了。使用价格
___________________________
提供免费试用版
年费500-2800元人民币
上手难度：容易
支持语言：英文/中文
支持系统：Web/iOS/Android
英文官网地址：www.strikingly.com
中文官网地址：http://www.sxl.cn
WiX
一体化自动建站工具
特点简介
__________________________
WiX也是也是一个类似Strikingly 的自动建站工具，但功能和模块更丰富和灵活。除了提供UI界面方面的模块外，WiX还有大量功能方面的模块，例如评论/统计/表格/搜索/邮件注册/聊天机器人等；另外在UI界面设计方面的灵活性更大，可以自由在某一个模块的基础上，通过拖拽自由添加、删减和调整界面元素。WiX生成的网站同样带有自适应功能，支持各种终端类型。WiX还有一个不同于Strikingly的功能——智能建站，可以根据访问习惯，自动对网站进行界面的优化调整。WiX目前支持包括英语、法语、日语在内的多国语言，但不支持中文。
使用价格
___________________________
提供免费试用版
增强版本月费$8.5-24.5
上手难度：容易
支持语言：英文
支持系统：Web/iOS/Android
官网地址：www.wix.com
weebly
一体化自动建站工具
特点简介
__________________________
weebly也是一个老牌的自动建站工具，提供大量的分类网站模板，可以放置视频，图片，文章，地图，rss订阅源，联系人表单，论坛，文件，游戏，或者直接嵌入自己编写的HTML代码，绝大部分的整个编辑全都是通过拖拽，使用上比Strikingly更灵活一些。支持绑定自由域名，提供网络托管。有中文版本，但国内没有服务器，访问速度太慢，以致注册了也无法体验完整的功能。
使用价格
___________________________
提供免费试用版
增强版本月费$8-25
上手难度：容易
支持语言：英文/中文
支持系统：Web/iOS/Android
官网地址：www.weebly.com
SQUARESPACE
一体化自动建站工具
特点简介
__________________________
SQUARESPACE是另外一个老牌的自动建站工具，提供分类模板，但数量不多。网站的编辑主要基于模板进行调整和修改，整体的操作灵活性不及WiX、weebly和Strikingly。但最大的优势是提供的模板都是精品，非常适合做小而美的精品网站。SQUARESPACE同时还提供域名和空间托管服务，有网站统计分析功能。
使用价格
___________________________
提供免费版本
增强版本月费$12-40
上手难度：容易
支持语言：英文
支持系统：Web
官网地址：www.squarespace.com
The Grid
一体化自动建站工具
特点简介
__________________________
The Grid是新生代的自动化建站工具，主打人工智能建站。与以前自动建站工具不同的是，连模块化的界面设计也不需要了，直接输入网站内容，并回答关于网站风格等方面的问题，提交后自动网站。The Grid目前生成都是模块化、流式风格的网站，比较适合内容型、功能不是很复杂的网站。同时也提供域名绑定和空间托管服务。
使用价格
___________________________
不提供免费试用版
年费$96-384
上手难度：容易
支持语言：英文
支持系统：Web/iOS/Android
官网地址：www.thegrid.io
创意协作工具简介
CREATION AND COLLABORATION TOOLS
Prevue
创意协作工具
特点简介
__________________________
设计稿分享平台，以图片形式上传、组织和分享到网络，其他人可以通过链接浏览图片，发放表意见和讨论，适合设计团队与客户之间的分享和讨论
界面简洁漂亮好用★★★
图片标注非常方便★★★
支持团队协作★★
使用价格
____________________________
14天免费使用
月费用$5-25
上手难度：容易
支持系统：WEB
系统语言：英文，支持中文沟通
官网地址：https://prevue.it
Concept Inbox
创意协作工具
特点简介
__________________________
设计稿与原型分享平台，上传设计稿后可编辑基本交互，其他人可以通过链接浏览原型，发放表意见和讨论，适合设计团队与客户之间的分享和讨论
可设计简单的交互★★★
支持图片/视频/音频/AI/PS/PDF文档★★★
支持团队协作★★
支持版本管理★★
使用价格
____________________________
第一个项目免费
月费用$14-99，年费$134-950
上手难度：容易
支持系统：WEB
系统语言：英文，支持中文沟通
Red Pen
创意协作工具
特点简介
__________________________
设计稿分享平台，功能与PREVUE基本相同，以图片形式上传、组织和分享到网络，其他人可以通过链接浏览图片，发放表意见和讨论
界面最简洁好用★★★
图片标注非常方便★★★
支持团队协作★★
使用价格
____________________________
14天免费使用
月费用$20-90
上手难度：容易
支持系统：WEB
系统语言：英文，支持中文沟通
官网地址：https://redpen.io
FileSquare
创意协作工具
特点简介
__________________________
设计稿分享平台，功能与PREVU基本相同，以图片形式上传、组织和分享到网络，其他人可以通过链接浏览图片，发放表意见和讨论
界面最简洁好用★★★
图片标注非常方便★★★
同类型工具中响应速度最快★★★
支持团队协作★★
使用价格
____________________________
免费创建两个项目使用
月费用$29-99，年费$240-1080
上手难度：容易
支持系统：WEB
系统语言：英文，支持中文沟通
官网地址：www.filesq.com
Craft
创意协作工具
特点简介
__________________________
Craft是一套插件，可用在PS/Sketch中，实现设计稿与原型的协同
在PS/Sketch中建立控件库并同步★★★
将设计稿同步到invision中★★★
将实际图片/文字等数据导入invision中★★★
支持多种形式的原型标注和讨论★★★
支持团队协作★★
使用价格
____________________________
目前还是beta版阶段，全部免费
上手难度：容易
支持系统：WEB
系统语言：英文
MURAL
创意协作工具
特点简介
__________________________
MURAL是一个功能强大的在线协同工作平台，可以在线设计体验地图、故事版、原型设计，并进行发布讨论。
可视化效果好，操作方便★★★
提供各类工作模板★★★
支持多种形式的标注和讨论★★★
支持团队协作★★
使用价格
____________________________
可以免费试用30天
月费$12
上手难度：容易
支持系统：WEB
系统语言：英文
官网地址：https://mural.co
Zeplin
创意协作工具
特点简介
__________________________
Zeplin是设计师与开发人员（尤其是前端开发人员）的协作沟通工具，实现设计相开发的需求传递和交付。
通过插件同步PS/Sketch★★★
实现设计的标注和注释★★★
支持生成设计规范和指南★★★
支持协同工作★★★
提供Slack的对接★★
支持在线分享和发布★★
使用价格
___________________________
提供免费版本
增强版本月费$9-29，年费$81-312
上手难度：容易
支持语言：英文
支持系统：Web/Mac/Win
官网地址：https://zeplin.io
Wake
创意协作工具
特点简介
__________________________
Wake是一个在线设计稿共享和协作工具，通过插件可将sketch、AI、PS的设计稿集中同步到同一个目录下，实现分享和协作。
通过插件同步PS/Sketch/AI★★★
设计稿的基本编辑★★★
方便的设计稿查找★★★
支持协同工作★★★
设计稿反馈和评论★★
支持移动端★★
使用价格
___________________________
提供免费版本
年费$192，提供定制版本
上手难度：容易
支持语言：英文
支持系统：Web/iOS
官网地址：https://wake.com
