App 产品原型设计用什么软件？axure？MM？visio

很多产品原型设计软件，下面分享一些以及个人对此的看法总结：

Axure：发展较早的一款原型设计软件，因而名声较大。无限画布，适合做低保真到中保真度的原型。功能很多，也让学习起来有点难度，网上有很多axure教程就不多说了。本地型软件，可以下载html文档预览，手机预览不方便。

墨刀：国产的一款原型设计协作工具，比起axure来非常容易学会，内置组件很多，创建页面跳转也比axure简单太多。因为是一款在线工具，可以云端保存工作，这点确实很便捷。另外，通过分享链接就可以分享原型给别人看了，如果涉及到跟同事对接什么的，选择在线的工具更方便。支持sketch文稿导入和自动标注。个人认为性价比最高。

Invision: 可以说目前是国外发展最大的在线原型设计工具，主打“交互原型”和“协作”，支持sketch和ps设计稿导入做交互。近来出的 Invision studio 对标sketch，想满足更精细的设计需要。国外一些大牛公司像airbnb和amazon都在用。不过对于国内用户来说会有服务器速度的问题，而且，贵。（土豪公司无视）

Marvel: Marvel 也是海外知名度较高的一款原型设计协作工具，支持PS和sketch设计稿导入做交互原型，本身也支持中度保真程度的设计。也有自动标注功能。库对接unsplash，这样来自unsplash的很多精美的免费可以直接用。价格比Invision稍便宜。

POP（Prototyping on Paper）：这款比较另类，是给拍照的手画草图直接做交互。操作轻巧简单：先用手机拍下草图原型(存到POP app内)；然后开始编辑的哪个区域（按钮）链接到什么页面，添加跳转链接热区，就可以在手机上给小伙伴们演示了。内嵌的交互动作 如侧滑、展开、消失等，即可满足一般的动态演示需要。但功能较为简单，对更深的需求无法满足。

Protoio：也是国外的一款手机原型开发平台。支持在大多数的浏览器运行，共享和协作操作方便，可以直接在真实的移动设备上对原型进行测试。拥有较为丰富的UI组件，支持自定义。另外它有不错的用户测试功能，支持视频录制。并且在移动组件时，能够实时在画布看到组件之间的距离。另外由于服务器的原因，有国内用户反应速度有点慢；收费较高，性价比一般吧。

UXPin：UXPin是DeSmart团队开发的一个在线可点击原型设计工具该软件，拥有大量用户界面元素（包括web，iOS，Android等），可以共享预览，注解和实时的协同编辑。另外该软件还提供了版本控制和迭代功能。缺点仍然在于国外服务器和价格问题。 

这些产品原型设计软件都比较常见，你可以根据你个人需求来选择，反正我使用的是墨刀，它真的省时省力提高了我的工作效率。希望对你有帮助！有疑问的地方欢迎追问~

随着互联网的快速发展，网站迅速崛起，成为互联网的主要支撑。因此，网页设计成为许多设计师的最爱。今天我要推荐一些有用的网页设计工具，可以帮助设计师更容易地完成他们的工作。感兴趣的小伙伴就跟着往下看，大家也可以下载体验体验~

网页设计工具合集：

一、Avocode

Avocode是一个前端图形切割工具，从视觉转换到代码，自动生成代码，以导出图像。

兼容:素描，Photoshop,AdobeXD,Illustrator和Figma。

标题

移交和检验-提供设计并获得规范

切换并检查任何设计。

Avocode是一个独立于平台的工具，可以帮助团队将Sketch、PSD、XD、AI和Figma设计转换为Web、ReactNative、iOS或Android代码。

轻松导入文件，只需拖放导入设计文件到Avocode。

设计管理——保持设计版本同步

跟踪设计变化并观察项目的发展。

让您的设计文件在云中保持组织、同步和备份，以便您的团队能够持续访问最新的设计版本。

原型—分享、玩和检查原型

涵盖了从原型到Avocode代码的工作流。

轻松地将所有设计原型导入到Avocode中，允许团队的其他成员查看屏幕，对其进行评论，并检查它们之间的关系。

团队合作-讨论变化，加快工作速度

通过Avocode，您的团队、客户和承包商最终可以查看您与他们共享的设计的任何版本，讨论更改并进一步推进您的项目。

二、Pixlr

PixlrEditorPixlr编辑器是一个强大的免费在线图像处理工具，满足您的所有编辑需求。完全控制您的图像，包括图层和效果。简单地说，PixlrEditor是一款类似于Photoshop的网络软件，适用于图像处理。

Pixlr还推出了免费的在线photoshop工具PixlrX。内置特殊效果和滤镜，曝光对比度调整，框架和特殊照明等。

三、Webydo

Webydo是一个在线网站设计和托管平台，帮助网页设计师摆脱传统的网站建设流程。Webydo的工具自动将他们的设计转换成HTML5网站，无需任何手动编程。因此，Webydo迅速成为一些设计师最喜欢的网页设计工具。

四、Wagtail

Wagtail是一个开源的响应式CMS，旨在加速Web开发。它提供多语言和多站点支持。CMS使用直观的内容结构，支持一个复杂网站的所有基本组件。

StreamField

不同内容类型的代码块可以被创建并以任何顺序排列。

代码段

您可以将现有内容添加到另一个页面。它可以在网站的不同位置以不同的格式复制。

资源管理器

它的功能和组件以模块化结构组织，提供简单的内容导航。

图像裁剪

CMS自动检测人脸和其他图像特征，并相应地进行裁剪。您还可以禁用自动检测和定义自己的图像的焦点。

表单生成器

Wagtail可以创建任意数量的形式。表单提交可以存储在管理界面中，以便以后检索，可以选择将每个表单提交到指定的地址。

五、Mobirise

Mobirise是一个免费的离线应用程序，适用于Windows和Mac，可以轻松创建中小型网站、登录页面、在线简历和作品集。超过1500个美丽的网站块，模板和主题，帮助您轻松开始。

对于不熟悉复杂Web开发的非技术人员和喜欢尽可能直观地工作而不需要与代码斗争的设计人员来说是理想的选择。它对从事快速原型和小型客户项目的编码人员也很有用。

响应自然

用户界面非常友好。您可以在可视化编辑器中预览您的站点在不同设备屏幕上的外观。

易于使用，无需编码

Mobirise是一个免费的网站构建器，使用方便-只需拖拽网站元素到你的页面上，添加内容和风格到你喜欢的-不需要任何技术技能。

现成的代码块

Mobirise提供了各种现成的代码块，包括粘性标题、汉堡包菜单、沉浸式全屏模式、视频背景、Bootstrap移动器、内容滑块、带有灯箱的响应式web图像库等等。

无限的承载能力

使用Mobirise构建的网站可以托管在任何地方，无论是AmazonS3,Github，谷歌驱动器，FTP或本地驱动器。

六、UXFLOWCHARTCARDS

UX流程图卡，功能强大的web流程图规划工具，专业的webbuilder，拥有54个常用的UX模板，使设计师能够快速创建专业的用户体验流程图，节省大量时间，创建清晰的图表。帮助设计师和产品经理了解产品的全貌，思考用户体验，并关注重要的方面。

原型说明，需求可视化

过程卡是将需求转化为具体设计的非常有效的思考工具。

节目讨论，随时修正

它易于修改、移动和定制，极大地节省了创建更改的时间和成本。

头脑风暴，快速建立思维模型

操作简单，帮助设计师和产品经理快速记录创意。

七、Figma

Figma是一个实时协作界面设计工具。它有三个很棒的特性:实时协作、矢量网络和版本控制。Figma类似于Sketch，用于基于浏览器的实时协作。

实时协作

团队可以直接在设计界面上讨论，使协作更容易。

Figma可在Mac、Windows、Linux甚至手机上运行(仅供预览)。这将极大地改变团队生态系统，允许设计师和开发人员更好地合作。任何人都可以进来查看所有细节:字体、颜色、大小、间距等。开发者也可以很容易地看到整体UI布局如何适应不同的屏幕尺寸。

评论是内置的，所以团队成员可以对您的设计留下评论，当有新的评论或响应进来时，您将收到通知。完成之后，点击“resolve”来隐藏评论。

版本控制

版本控制更容易在Figma中查看，从而更容易比较不同的版本。版本控制比Sketch更容易使用。

每个文件的每个版本都在它们的服务器上，使迭代变得简单和轻松。

自适应布局是现代设计工具的一个基本特征。您可以通过将元素放置在靠近边缘或使其居中来组合整个约束。这类似于素描中的PintoCorner和zoom对象。不可否认，Figma的版本使用起来更加直观。

向量网络

矢量网络是开创性的。您不仅可以移动锚，还可以直接移动线条，连接也会随着它们自动移动。这是因为在Figma中，多条线可以连接成一个矢量网格，而不是简单的起点和终点。使用起来非常方便，你马上就知道了。

以上就是今天分享给大家的七个比较使用的网页设计工具了，希望分享出来能够帮助到大家更好的进行网页设计制作~

哈哈，这个不用担心的，我买了这么多figma，粘土，手办都是made in china。

虽然它是日版，但它是在中国工厂里制造出来的，这个亲大可不必担心。就比如说nike是国外的牌子，但中国产的还是要印上made in china是一个道理~

figma正常价是200左右，价格有被炒起来的可能，亲可以具体说一下是哪款，我帮亲看一下值不值哈^_^