- 综合排序
- 最热优先
- 最新优先
- 来自专栏无原型不设计
你应该知道的原型图工具Mockplus（摩客）
去年10月份，我发布了一篇短文《你所不知道的原型图工具Mockplus》，快大半年过去了，为什么又要写这款软件呢，我觉得有必要推荐给大家，和大家一起分享，它确实是一款简单高效的原型图制作工具，经过近半年的使用 就是说容易上手，不同于其他原型图工具，你不需要花很长的时间来学习这款软件。只要你有点原型制作基础，马上就可以使用。就是算是一点都不懂的，也不是问题。 指的是高效率，我本人就不说什么了，进群的原型爱好者以前都是使用别的原型图设计（别的原型图我就不指出来了，不能说别的原型图不好），很多人都说别的原型图使用起来比较繁琐，如遇到有加急的任务，时间上就根本来不及 Mockplus，一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用，使用人群为程序员、UI设计人员、产品经理、项目经理等。 4 功能方面。 我很看好这款产品，虽然功能上还需要改进，但目前来说，对于很多原型设计师来说，足矣。
1.4K70发布于 2018-03-15 - 来自专栏菜鸟成长学习笔记
值得推荐的几款原型图设计工具
最近在开发一款个人的项目，用到了产品原型设计工具。这里罗列一下在这过程中发现的一些值得推荐的原型工具。 一、Axure RP Axure RP是一款专业设计师不容错过的免费原型设计工具，设计师可以用它快速创建应用软件或Web线框图、流程图、原型和规格说明文档。 虽然上手难度比较大，但是作为老牌的原型设计工具，个人是最值得推荐的一款工具。 网站地址:https://www.axure.com/ ? 四、Mockplus Mockplus是一款更快更简单的免费原型设计工具，产品设计师5分钟即可创建交互原型。快速原型设计、精细团队管理、高效协作设计、轻松多终端演示，是原型设计的不二之选。 并且可以使用iOS或Android上的浏览器以全屏模式运行原型。不过这是款在线设计工具，设计师在进行原型设计时需要保持经常在线。 网站地址:https://proto.io/ ?
20.1K30发布于 2020-06-16 - 来自专栏全栈程序员必看
原型工具 墨刀_原型设计工具 axure
、流程图、原型和规格说明文档。 作为专门的原型设计工具，它比一般创建静态原型的工具如Visio、Omnigraffle、Illustrator、Photoshop、Dreamweaver、Visual Studio、FireWorks 使用蓝湖可以导入Sketch/Photoshop和Adobe XD的设计稿（通过插件），并在蓝湖上做自动标注和交互原型。对于设计师来说，可在蓝湖进行设计图管理和自动标注。 五、Fluid UI 一款用于移动开发的原型设计工具，它能够帮助设计师快速高效地完成产品原型图的设计。 毕竟现在的移动开发越来越趋于小规模团队协作，设计师需要在快速迭代过程中迅速制作出原型图，他们需要一款直观易用的工具来工作，从而和最终的产品相适应。
2.4K20编辑于 2022-09-20 - 来自专栏小狼的世界
使用OmniGraffle制作原型图
原型图设计是一个艺术创作的过程，所以我们应当使用能够提高工作效率、激发创作灵感的工具，让工具为创作服务，而不是为创作去学习如何使用工具。 下面就介绍一下使用OmniGraffle制作移动应用原型图的设计。 启动 OmniGraffle 后，可以选择模板，这里选择空白模板。 ? 我们不必担心原型不够漂亮，毕竟这是一个初步的模型，更多的是关注功能的布局。 从最关键的着陆页开始。 这是因为着陆页页面会包含整个网站的多个基本元素，包括头部导航、底部信息等。 保持原型简洁。我们不必急于马上开始原型的设计，我们需要静下来想一想，页面到底需要什么元素，应当如何布局。原型不必像最终网站一样，如果你朝着这个方向工作，那么会吃力不讨好。 原型是用来帮助我们规划页面、网站的布局和层级设置，协助我们考虑布局在可用性方面存在的问题。 原型中的字体，可以一直使用Helvetica和宋体，并且不要使用太多不同的尺寸。
2.8K30发布于 2018-07-24 - 来自专栏农历七月廿一
Balsamiq Mockups 产品原型图绘制工具的破解和使用教程
说实话作为一个前端，会不会这个软件都是没事的，毕竟这个是经理才可以用到的软件，科普一下，Balsamiq Mockups是一款美国加利福尼亚一个工作室在2008年开发出来的一款很好用的产品原型绘制软件， 我是无意中发现的（其实是没办法，产品原型没人画，只能我画），我之前没有用这款软件，之前用的是Axure RP8这款绘制产品原型的软件，但是这次是绘制手机端的界面，所以用那个就不是很好用了，既然画了就不说废话了 下载结束解压以后是这样的： 那么一般的话一个新的软件到手，我们要看的是使用说明，这个也是一样，打开看一下： 【软件使用方法】： 1.绿色版软件，不需要安装；压缩包里如果有【@绿化工具.exe、!) 使用当然是看自己需要做什么了，我们举个简单的例子： 这是一个全新的界面，什么都没有的，我们做一个简单iphone的搜索界面： 第一步：找到导航条 第二步：选择需要的界面原型 我们拖动一个苹果手机 好吧， 这是一个很简单的绘制过程，那么我们可以自己编辑风格，例如这样的： 可以用苹果4S 设置是在工具栏里面： 风格是在下方： 当然也是可以添加动态的，直接演示用的，我简单的做了一个，这里看一下： 具体的功能自己慢慢的琢磨
2.6K20发布于 2020-05-29 四张图带你搞定原型和原型链
这张图很清晰说明了prototype和constructor之间的关系，每个函数(add、Object、Array、nothing)都有一个属性prototype，它指向函数的原型，而函数的原型中也有一个属性 默认情况下，隐式原型指向创建该对象的函数的原型。这句话特别重要，它将隐式原型跟原型联系起来了，那什么意思呢？ 原型链 这张图搞清楚后，自然明白何为原型链，我们一起过一遍 我们先看白色线条，白色线条表示原型，在原型部分我们已经说了，所有的函数都有一个属性prototype，那么Object函数的原型指向Object __proto__ === null，返回true 现在知道什么是原型链了吧，自定义对象的隐式原型指向自定义函数的原型，自定义函数的原型的隐式原型又指向Object原型，Object原型又指向null， 这种链式的关系就是原型链 自测题一道：大家可以试着做一下，然后可以根据最后一张图进行检查 function Fayi() {} Fayi.prototype.camel = function() {}
86710编辑于 2022-08-11Google推出的AI辅助UI原型设计工具试用
大家好，今天来简单验证下Google免费推出的AI原型设计工具Stitch应用。这个工具当前还是在Beta版本，但是已经可以登录进行试用。 对于任何一个单词最好有可视化的配图，方便学生理解学习。 用同样的需求提示词，我让前面我测试过的GemDesign原型工具也做了下UI原型的生成，GemDesign的生成效果仍然保持价高的水准。 简单来说可能GemDesign的原型设计可能更加符合中国人的使用系统。但是Google的AI原型工具输出更加简洁。 Stitch UI原型设计工具+AntiGravity的AI IDE。 看来Google当前提供的工具完全可以支持一整套的AI软件工程需求。但是暂时没有看到Stitch UI工具和AntiGravity的自动化集成。
3.4K10编辑于 2025-12-29- 来自专栏Loki
小白如何快速绘制原型图
说到绘制产品原型图的工具，大家一定首先先到的是大名鼎鼎的“Axure RP”，或者在线协同的“墨刀”。 这也是今天小白要介绍的一个轻量级产品原型设计工具Balsamiq Mockups ? 简单来说，Balsamiq Mockups是一个用来绘制低保证的产品原型草图的工具。 这里没有任何限制，我们只需要将需要的控件通过拖拽的方式在主绘板上组合，即可得到我们想要的原型图。小白也将常用的控件列表出来，仅供大家参考。 ? 绘制出我的第一个草图 当我们在绘制一个产品的原型图时，我们首先应当在脑海中梳理出产品的大致业务功能和数据流转，并将他们抽象成具体的功能模块。 所以大多数，我们都是利用头脑风暴和思维导图的方式，将产品的原型框架做一个整体的设计。比如小白以K8S的管理为例，我们就需要在自己产品里面先找到共性和特性。
2K20发布于 2021-05-13 - 来自专栏程序小小事
2025最新AI抠图神器推荐：AI抠图工具免费下载
相信很多小伙伴在工作中都遇到过需要抠图的情况，传统的PS虽然强大但学习成本高，操作复杂。而现在，AI技术的发展让这一切变得轻而易举！ 鲜艺AI抠图：免费高效的图片处理解决方案鲜艺AI抠图是一款完全免费、无需联网、支持批量处理的AI抠图工具，自从在吾爱论坛发布以来就获得了大量用户的好评。! 多场景适用性测试人物抠图：发丝级精细处理物品抠图：边缘清晰干净复杂背景：轻松应对各种挑战性场景便捷的输出选项处理完成后，你可以：复制到剪贴板直接使用保存为透明背景的PNG文件导出为其他常见图片格式获取方式我已经为大家准备好了这款软件的下载链接 ： 阿香婆免费获取地址 抠图免费获取地址更多实用工具和技巧，欢迎关注【程序视点】，回复抠图获取更多相关内容！ 后续安戈会持续分享更多开发工具和技巧，敬请期待！如果有其他工具需求，欢迎留言讨论~
56810编辑于 2025-08-28 - 来自专栏小丞前端库
三张图轻松KO⚡ JS 原型和原型链
三张图轻松KO⚡ JS 原型和原型链 ? ? 大家好，我是小丞同学，这一篇是 JS 高程精读系列的第 n 篇文章，主要解释 JS 中的原型和原型链 ? 非常感谢你的阅读，不对的地方欢迎指正 ? 可以看到，它们两个指向的是同一个对象，那么通过上面的一步步推理，我们可以得到这样一张图 ? 那到底什么是原型呢？ 原型 原型又分为显式原型和隐式原型 __proto__ 隐式原型 在对象上有一个属性叫做 __proto__，这个属性是对象所特有的，也叫做隐式原型，当我们尝试在一个对象上查找属性或者方法时，如果说找不到这个属性或者方法 修改了构造函数的原型对象，constructor指向谁 functionName.prototype = {} 原型对象、实例对象、构造函数之间的关系 一张图搞定，前面的内容懂了，自己推一下 ? 原型链 原型链其实也很简单：对象 => 对象的原型 => 原型的原型 => 原型的原型的原型 => null，这就是原型链 那这是什么意思呢，在我们前面在讲查找原则的时候，其实也有提到，当一个要查找对象上的属性或者方法时
69630发布于 2021-08-19 - 来自专栏小丞前端库
三张图轻松KO⚡ JS 原型和原型链
三张图轻松KO⚡ JS 原型和原型链 大家好，我是小丞同学，这一篇是 JS 高程精读系列的第 n 篇文章，主要解释 JS 中的原型和原型链 非常感谢你的阅读，不对的地方欢迎指正 愿你生活明朗 __proto__) 你会发现它们两个尽然长的是一样的，我们可以比对一下，看看它们是不是完全相等的 可以看到，它们两个指向的是同一个对象，那么通过上面的一步步推理，我们可以得到这样一张图 那到底什么是原型呢 原型 原型又分为显式原型和隐式原型 __proto__ 隐式原型 在对象上有一个属性叫做 __proto__，这个属性是对象所特有的，也叫做隐式原型，当我们尝试在一个对象上查找属性或者方法时，如果说找不到这个属性或者方法 修改了构造函数的原型对象，constructor指向谁 functionName.prototype = {} 原型对象、实例对象、构造函数之间的关系 一张图搞定，前面的内容懂了，自己推一下 原型链 原型链其实也很简单：对象 => 对象的原型 => 原型的原型 => 原型的原型的原型 => null，这就是原型链 那这是什么意思呢，在我们前面在讲查找原则的时候，其实也有提到，当一个要查找对象上的属性或者方法时
77520编辑于 2022-11-16 - 来自专栏微光点亮星辰
图图谈设计模式_原型设计模式_java
时间过的真快，今天将是创建型结构中的最后一个设计模式了---原型设计模式。 官方概述： 用原型实例指定创建对象的种类，并且通过拷贝这些原型创建新的对象 小编简单的说就是我们就是把对象复制一份不去new啦。 那为什么呢，原因很简单，效率高。 工具类如下： /** * 深度复制 * @param source 源对象 * @return 目标对象 */ public static Serializable (robot2.getBirthday() == clone.getBirthday()); // 内容比较 System.out.println("修改时间后原型 如果你没看过，往前面自己找一下吧，看准图图，看准huey。 下次见哦！
65611发布于 2020-04-10 - 来自专栏产品设计
AI生成原型图和UI设计：Prompt实战教程与技巧总结
我平时会用国内主流的AI生成原型图工具。它的特点是把文字需求或者参考图片发过去，就能结合市场调研和设计趋势，生成基础原型框架，而且一口气可以生成多个页面。 所以我总结了AI生成原型图的Prompt技巧：对于这类重逻辑、轻视觉的工具，你的提示词可以宽泛，但必须有界限。 、B端数据风、iOS规范）这样AI生成的原型图会更加贴合你的需求，耗时也不会太久。 场景二：AI生成高保真UI设计稿现在很多UI设计工具里，其实都已经嵌入了高保真UI生成能力。测试了之后发现，UI生成和原型图生成，在Prompt方面也有很大的区别。 聊聊写Prompt的技巧写多几次Prompt之后会慢慢发现，面对不同类型的AI设计工具，你扮演的角色是不一样的。当你要生成产品原型图的时候，更多是靠AI搭建出来一个结构框架。
1.2K10编辑于 2026-03-09 - 来自专栏无原型不设计
Mockplus: 让小白产品经理上手就用的原型图设计工具
任何软件应用，都离不开原型设计和原型设计工具。Mockplus应运而生，除用于移动开发，还可以制作PC、网页的原型，它帮助设计师在最短的时间内完成产品原型图的设计。 Mockplus的快速、高效和易操作满足了设计师在快速迭代过程中迅速制作出原型图的需求，无论是资深产品老鸟，或者是小白PM，都可以轻松使用Mockplus协助工作。 做原型设计的目的，在于原型设计本身，而不是怎么去学习这个工具。“你买一部手机来用，需要教程吗？”刘松这样说。 在社区平台，将继续开放摩客社区，深度切入基于文档（原型图、原型组件，素材）的垂直共享社区。Mockplus摩客串串和摩客社区均为国内空白，具备非常好的可成长性。 其中，原型图设计工具方面国内估算￥7500万-1.2亿／年，国外（含国内）估算$45-72亿／年。且每年 12-13%增长。
1.6K40发布于 2018-03-15 - 来自专栏产品设计
AI原型设计工具实测：一句话生成多页面原型的真实水平
作为常年跟需求文档死磕的产品人，画原型图这事儿真的挺消磨耐心的。最近我“偷懒”了一下，没有画原型，没有拉组件，也没开设计工具。就写了一句话，然后让 AI 帮我生成一套完整的产品原型。 但可以确定一个结论：目前的 AI 原型设计工具已经可以生成能拿去和开发讨论的完整产品原型了。 光看测评心里没底，今天我们就用一个真实的业务场景，放在如今最主流的 AI 原型设计工具身上实际测试一下，看看现在的 AI 原型图到底进化到了什么程度。 只有需求明确才能顺利推进到下一步，没想到测试中的这个 AI 原型设计工具，是比较贴合产品经理设计原型的工作逻辑的。 四、AI 原型设计的一套可用流程总结如果你真的想用 AI 生成原型图，经过大大小小几十个项目的折腾，我现在用AI画原型基本固定了下面这个四步工作流。建议大家直接拿去用：第一步：写一个“够用”的提示词。
16410编辑于 2026-04-01 - 来自专栏PM吃瓜(公众号)
原型图+交互设计+UI图，到底啥关系
产品经理 - 需求、功能、数据 其实一直以来都纳闷，产品经理要做原型图，然后UI设计师要画UI 图，这两个之间貌似有许多重复的地方，而且还是大多时候还是并行进行，实在不知道二者之间的关系是什么，通过查阅资料 我现在是先跟交互设计师在纸上、白板上充分讨论交流，让他明白产品和功能以及用户需求，接着讨论大概的交互怎么做，交互设计师下去用工具（推荐sketch，没有集是设计师就自己画也挺快的）做像素级的线稿，我准备背后的需求 他继续把线稿图用axure做完全部交互细节设计，期间与我反复沟通确认，最后生成交互设计原型。 高保真泥煤的不就是UI设计效果图了么，都到这一步了保真泥煤啊直接切图搞开发不好吗？ 原型设计可以清楚明了讲需求，所以产品经理要用！ PM整理思维脑图，头脑风暴之后，优化思维脑图，然后出草图，你可以用Axure或者visio甚至腾讯出的UI disigner或者最近比较流行的FluidUI（APP设计工具）来画草图，也可以称之为低保真原型图
3.8K21发布于 2019-08-12 - 来自专栏无原型不设计
为什么我选择使用原型工具来代替纸原型
在大学的时候，导师会叫我们只用纸笔来做原型图，这样能更直观地看出我们的想法和信息架构。刚工作的时候，我也习惯只用纸笔来画原型图，这样能快速地表达我的想法。 由于经常修改，所以我习惯使用铅笔，铅笔画的图容易模糊，时间久了以后就不够清晰。而且纸张容易损坏和丢失。在经历过多次原型文件丢失以后，我只能通过拍照记录的方式保存下来，但是照片效果并不理想。 ? Axure可谓是老牌的原型工具，功能强大全面，但是对我刚接触原型工具的菜鸟产品经理来说，有点太难了。 总结： 如果你现在还坚持在纸上画原型，不妨选择一款原型设计工具试试，它能让你的工作事半功倍。 你可以多试几款原型工具，一般的原型工具都有免费试用，你可以先选择一个学习成本不高，又简单易学的原型工具，例如Mockplus。如果你喜欢在纸上画原型，相信你跟我一样会喜欢它的。
97930发布于 2019-01-31 - 来自专栏码力全开
动图学 JavaScript 之：原型继承
这就是 原型继承 的全部内容：构造函数创造的每个实例都能够访问构造函数的原型。 ? 原型继承的好处 那么为什么这很酷？有时候我们拥有每个实例共享的属性。 原型的终点 现在，你可以想象，原型链不会永远持续下去。最终会有一个原型等于 null 的对象：它就是 Object.prototype。 如果我们试图访问在本地或者原型链上都不存在的属性，最终会返回 undefined。 ? Object.create 尽管上面已经解释了构造函数和类，其实还有一个为对象添加原型的方式是使用 Object.create 方法。 通过这个方法，我们创建了一个新对象，并且指明了这个对象的原型是什么。 只需要将一个已经存在的对象传入 Object.create 方法中。创建出来的对象就是以我们传入的对象作为原型。看例子： ?
80520发布于 2020-02-18 - 来自专栏无原型不设计
为什么我选择使用原型工具来代替纸原型
在大学的时候，导师会叫我们只用纸笔来做原型图，这样能更直观地看出我们的想法和信息架构。刚工作的时候，我也习惯只用纸笔来画原型图，这样能快速地表达我的想法。 由于经常修改，所以我习惯使用铅笔，铅笔画的图容易模糊，时间久了以后就不够清晰。而且纸张容易损坏和丢失。在经历过多次原型文件丢失以后，我只能通过拍照记录的方式保存下来，但是照片效果并不理想。 ? Axure可谓是老牌的原型工具，功能强大全面，但是对我刚接触原型工具的菜鸟产品经理来说，有点太难了。 总结： 如果你现在还坚持在纸上画原型，不妨选择一款原型设计工具试试，它能让你的工作事半功倍。 你可以多试几款原型工具，一般的原型工具都有免费试用，你可以先选择一个学习成本不高，又简单易学的原型工具，例如Mockplus。如果你喜欢在纸上画原型，相信你跟我一样会喜欢它的。
1K50发布于 2018-03-16 AI生成原型图真能用于开发项目？关键优势与局限剖析
一、AI生成原型图工具的定位与功能AI生成原型图，通常作为原型设计工具中的辅助功能推出。 目前市面上的AI原型图工具在生成方式和产出内容上各有差异，以功能相对完整的“墨刀AI”为例，其主要AI能力包括：自然语言生成原型图通过上传图片生成原型图支持AI编辑与导出编辑AI自动生成产品说明文档生成与原型对应的代码片段从以上功能来看 二、AI生成原型图在实际应用中的需求AI原型图工具是否能够真正应用于真实项目，需要从以下几个关键点进行评估：1. AI的指令，每个工具所支持的描述方式也不同，需要不断尝试和积累经验；存在一定的成本：尽管很多AI生成原型图工具都有一定的免费额度，但是如果想要不断调改直到生成满意的原型图，可能涉及额外付费。 以文中提到的国产工具“墨刀AI”为例，同样需要产品经理具备一定的驾驭能力，方能使AI生成原型图工具在真实项目中释放最大价值。注：文中所提及的AI原型图工具仅为案例举例，均为个人选择，无任何推广意图。
75810编辑于 2025-07-15
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号