1.1.1　研发效能提升案例1：前端代码的自动生成

我们在做产品原型设计的时候，都需要借助产品原型工具来实现产品GUI界面的设计，以此作为沟通的基础去开展后续的工作。但即使我们已经拥有类似Axure和Modao等原型工具，但是“画界面”的成本依然很高。这里介绍一种可以将图片GUI设计稿，甚至是手画GUI设计稿转化成目标平台代码的一键自动化生成方案。

这种自动化生成方案的具体过程是这样的：首先，我们手绘出GUI界面的草稿；然后，通过Sketch2Code可以直接将这份草稿转换成目标平台的代码，如果我们指定的目标平台是Web，那么代码格式就是HTML，如果我们指定的目标平台是iOS，那么代码就以XCode项目的形式呈现；最后，完成编译打包，就可以直接在iPhone上安装执行了。这种方式的引入将大幅提升原型构建环节的效率。