Kaiyun App下载 全站Kaiyun App下载 全站Kaiyun App下载 全站开云APP 开云官网入口开云APP 开云官网入口北、上、广、深等一线城市UI设计师相当短缺，UI设计师发展前景广阔，UI设计师的工资相对较高，但它需要有高超的技术。这个工作很现实，如果没有通过实际的战斗训练系统学习的人，他们得到的工资也也是不会那么的令人满意。因此，能力越强，待遇越好。
UI设计就业前景确实好，而且UI设计毕业出来可从事岗位也比较多，比如图形设计师、交互设计师、用户测试/研究工程师、运营型UI设计师、产品型UI设计师等等，都是薪资待遇比较高的就业岗位，薪资待遇多是8k+以上，而且社会需求量还比较大，国内也比较缺少这个方面专业技术人员。
正所谓“工欲善其事，必先利其器”。选择一款好的工具可以极大地提升工作效率。作为互联网行业的设计师，我们清晰感知设计与艺术最大的不同就是：设计的终极目标是为了解决问题，而设计工具更是直接影响我们思考问题和解决问题的能力。
为了更好的提高互联网设计师的工作效率，新一代UI设计神器：Codefun 诞生了！下面就为大家详细介绍这款设计工具。
CodeFun 是一款UI 设计稿智能生成源代码的工具，我们可以上传 Sketch、PSD等形式的设计稿，通过智能化技术一键生成可维护的前端代码，包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码。
在对设计稿轻约束的前提下实现高度还原，释放前端生产力，助力前端与设计师高效协作，让前端工程师关注更具挑战性的事情。在日常工作中，诸如像扣像素、调布局这些繁琐、枯燥的体力活都将得到极大的削减，原来 8 小时的工作量只需要 10 来分钟即可完成。
白嫖的，很香，免费的！去年6月刚出来！CodeFun官网，免费使用，免费使用：code.fun/
流程：CodeFun的官网[7]上下载其sketch插件，在sketch中打开插件的面板选择上传此设计稿，然后就可以去官网我们的项目里查看。
很惊喜，CodeFun 这个还原的比上面两者都要好，和设计稿看起来几乎100%。2. 布局识别的准确性：
完美的识别出了我们期待的布局，但是这里要提一下的是，CodeFun 不仅识别除了均分的flex布局，而且相比imgcook没有定宽，而是使用了flex-grow:1
看代码可以看到，部分公共的样式都被翻译到了equal-division-item这个class里面，几个box都共享上了，唯独flex-grow:1被单独弄成了group_16 17 18，造成了一些冗余的css代码，这么复杂的识别都做到了，这里是不是个bug呢？3. 代码可维护性css 代码生成 597 + 81 = 678 行（主代码+公共代码），比Picasso的1289行和imgcook的1870行分别减少了47%和64%。虽然类名还是有些不语义化，但是已经是去除了写死的宽高，同类型进行了合并抽取出了公共代码。
4. List自动识别，分组CodeFun 能自动识别出下面三个结构相似的订单模块，并进行分组，将三个块外面包了一个wrapper，符合我们开发人员日常写代码的习惯
5. 列表循环识别因为已经识别出了下面三个结构相似的模块，于是vue代码会自动以v-for列表循环的方式展现。
如果想要抽离数据，可以通过上方的数据绑定自定义字段名（一般我们会绑定为后端传过来的字段名）。
6. 总结虽然说对于类名上，还是需要自己进行修改（不过对于一些维护不需要这么频繁的页面，也可以不进行修改类名），但是对于以上我列出的 5 点都已经完美地进行解析了。CodeFun也是通过AI模型来进行智能化训练，但训练的效果比imgcook更加强大。
最后想体验的话可以进入官网：code.fun/再说一遍，这个工具是完全免费的，白嫖的资源不香吗？
