让工作变得流程规范化，各司其职，应该是每个互联网打工人的心愿。

但实际却是，不少公司现在仍是“一人多职”，本来只需敲代码的程序员都有可能从“需求调研、系统规划、落地开发”全流程来跟进；而关于那些本来就没有产品司理、规划师的公司来说，程序员就自然而然成了“顶梁柱”！

对程序员来讲，不要求你的规划水平多么高明，只用能应对紧急状况即可。

况且，具有规划技能的程序员在职业规划上的挑选也会更宽广，独立开发者、全栈工程师、技能规划兼修的产品规划师、创业者……

一旦当你一起把握了技能和规划两大技能，你便是产品规划的造物主！

那么，该如何简单画一个界面呢？

快速搭建一个原型界面

在之前的流程化工作中，拿到需求后，我们更多考虑的是功用完成，而并非出于对产品全体功用规划的考量。

因而，从产品规划的最初环节——原型规划着手，提前理清业务逻辑与页面布局，这样在提高产品思想的一起，还能锻炼商业思想。

前面我提过，不要求程序员的规划水平，即便画低保真线框也不影响。

之前我尝试过Axure，尽管算是原型规划中元老级别的东西，但由于没有元件库资源，导致在画原型时很耽误时刻，需求用根底组件一层层叠加，比较复杂。

现在我常运用的是摹客RP，它预设了丰厚的组件和图标，还封装了许多常用组件，拖拽至页面，就能快速搭建原型。再加上强壮的交互，无论需求画线框仍是高保真规划稿，摹客RP都能简单且快速地产出。

即便在项目周期紧、没太多时刻画原型的状况下，你也能够在模板中心找到类似的原型模板，稍做修正即可。

模板中心有各个品种的原型，后台、电商、资讯、健康、交际、官网……品种一应俱全，满意你的各种需求。

完善的流程图形式

作为一名程序员，画流程图能够算是家常便饭了。经过流程图可视化代码，让团队成员能够轻松了解程序并快速辨认逻辑中的错误，让团队协作事半功倍。

在摹客RP中，内置了流程图功用，流程图、用例图、泳道图都能轻松制作。

并且摹客RP制作流程图最方便的一点在于，原型图与流程图彼此结合，无需多个软件来回切换，非常方便。

之前我用Visio画流程图时，经常碰到画着画着就超出鸿沟的状况，甚至还需求在一开端就先预算好大小再着手操作，很是麻烦；但在摹客RP的流程图形式下，页面能无限扩大，能够自由制作。

当原型画完，就要开端做起我们的老本行“码代码”了。

摹客RP与摹客协作渠道打通了联系，将原型稿发布至协作渠道后，能够自动生成对应的款式代码，一键复用即可。

并且除了能生成Web端的css代码外，还能生成iOS的Objective-C/Swift、Android的XML。

并且当鼠标hover在某一元素上时，会自动显现它的标示信息，长宽、不透明度、字体字号字重等，帮你从繁琐的标示工作中解放出来，画完原型就能直接上代码。

在摹客协作渠道中，可支持自主下载不同渠道（iOS/Android/Web）、不同倍率、不同格局（PNG/WebP/SVG/JPG）的切图，满意我们的自给自足。

对我们而言，运用摹客RP和摹客协作渠道就能完成轻量级的产品规划及开发工作。今后无论是公司的紧急需求，仍是接外包项目，都能自己轻松搞定，无需外援协助！

最终，摹客RP链接放这儿了，大家能够都来体会一下。提高自己的才能天花板，从深入了解产品规划的全流程开端，一定没错！