以前在大厂上班的时候,最麻烦的就是美工设计的图(都是ps画的图),要精准地用网页代码实现,也就说传说中的像素级还原,而且这个活往往是最着急的,老板要快速看到demo,排期压力很大(毕竟前端工程师有限),可以说苦不堪言。 这次又有一个临时项目,我就让单位的前端体验了下网易CodeWave的D2C功能,不费力就解决了。。
以创建一个PC端Dashboard为例,流程简洁到难以置信:
1. 准备:从MasterGo中导出一个标准的设计稿Zip包。
2. 导入:在CodeWave平台添加空白页面,右键点击“导入设计稿”,上传zip包
3. 生成:几乎是瞬间,生成了一个布局精准、组件完整的高保真可交互页面
这个设计稿转代码效果还是非常surprise。原本需要前端工程师花费一两天时间手动编写的页面,在几分钟内就获得了实现。从“集合编号”、“集合名称”等条件查询输入框,到“新建”、“批量导入”功能按钮,再到表格中的“内容体裁”、“状态”和“操作”列,每一个UI细节都得到了精准的还原。生成的不再是一张静态的截图,而是一个结构清晰、可直接在此基础上开发业务逻辑的真实页面,真正做到了设计即开发。
这次体验让我确信,可以不用再招一个前端,就可以缓解排期压力了。。 CodeWave的D2C(Design 2 Code) 能力正在重新定义开发的工作方式。它让同志们从重复的界面搭建中解放出来,老板和产品也可以根据市场变化,快速提出设计改动要求,反正做一个页面不费劲,没有时间和成本压力。对于追求敏捷开发、快速迭代的团队来说,这不仅仅是一个工具升级,更是一次工作模式的革新啊。
发布于 中国香港
