蓝湖新功能| 一键生成整页代码,帮开发留住头发

蓝湖 Sketch 插件更新啦!此次更新优化了插件的上传速度,还有配套惊喜功能【一键生成整页代码】上线!

设计师更新 Sketch 插件后,上传移动端设计图,开发即可查看、复制使用设计图对应的整页代码,让开发效率起飞!

惊喜功能 —— 【一键生成整页代码】

蓝湖【一键生成整页代码】功能,能自动生成 HTML、Vue、React 等框架代码。

👉 能做到:

✅ 代码高度还原整页设计

✅ 部分组件识别,绑定相关事件

✅ 目前支持移动端设计图代码生成

简化开发工作流程,有效解决前端工程师撸界面代码费时费力的问题,提升设计和开发的对接效率、全团队的工作和协作效率。

使用新功能 —— 【一键生成整页代码】

👉 第一步:更新【蓝湖 Sketch 插件】至最新版本


👉 第二步:使用最新版【蓝湖 Sketch 插件】上传设计图


👉 第三步:一键生成整页代码

在蓝湖【标注详情页】,单击设计图,点击【标注信息栏】最下方的“查看整页代码”,即可解锁蓝湖惊喜功能【一键生成整页代码】;


支持查看、复制使用整张设计图的代码;

选择【代码运行效果】,点击设计图上的相关元素,该元素对应的代码将高亮显示,复制即可使用。

本次 Sketch 插件更新后,设计图的上传速度更极速,还能使用蓝湖的 Beta 功能【一键生成整页代码】。

小伙伴们都表示新版 Sketch 插件体验更流畅,配套功能【一键生成整页代码】生成的整页代码规范,能直接复制使用,让前端工程师的开发效率更高 👍。


你还在等什么,马上更新插件,让开发效率更上一层楼,早点下班,保住头发!

从上线至今,蓝湖一直在寻找最佳的工作、协作方式。你对蓝湖有什么建议?希望蓝湖上线什么功能?

欢迎在评论区留言,用心的建议,湖湖一定会牢记于心并付诸实践,让产品更好用,让你和团队的效率起飞!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容