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

用户头像
北京/UI设计师/5年前/1006浏览
蓝湖一键生成整页代码,帮开发留住头发

蓝湖 Sketch 插件全新升级,设计师快来更新,造福全团队。

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


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




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


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



👉 能做到:

✅ 代码高度还原整页设计

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

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


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



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


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

✅ 复制链接,在 PC 端下载:


https://lanhuapp.com/mac




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


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


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


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


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


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

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

undefined



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

✅ 复制链接,在 PC 端下载:

https://lanhuapp.com/mac


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


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


0
举报
|
2
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
金色颗粒质地的平面
水蜜桃和李子的平面水果图案
水蜜桃和李子的平面水果图案
倒计时,海报,平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
海底世界插画
倒计时,海报,平面
平面风格黄绿色系花朵装饰
平面花卉图案扁平简约无缝拼接插画
城阙凡花
平面男孩喝咖啡插画设计
金色颗粒质地的平面
金色颗粒质地的平面
课程海报,平面素材
城阙凡花
平面插画设计女孩喝咖啡
平面插画情侣/矢量
平面男孩喝咖啡插画设计
空的平台平面和自然景观
平面设计 吊牌设计
玄关入门地毯印花图案红地毯
平面插画情侣/矢量
中国传统纹样创新图案设计
城市园林平面布局航拍
牛奶乳液层次平面平铺平面
你可能喜欢
相关收藏夹
大家都在看
登录注册