蓝湖新功能| 一键生成整页代码,帮开...

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权不使用原创授权
6419 0 1 2021-03-03


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

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

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


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

能做到:

代码高度还原整页设计

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

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

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


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


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

复制链接,在 PC 端下载:

https://lanhuapp.com/mac


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

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

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

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

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

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

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

复制链接,在 PC 端下载:

https://lanhuapp.com/mac


从上线至今,蓝湖一直在寻找最佳的工作、协作方式。你对蓝湖有什么建议?希望蓝湖上线什么功能?欢迎在评论区留言,用心的建议,湖湖一定会牢记于心并付诸实践,让产品更好用,让你和团队的效率起飞!


Powered by Froala Editor

全部评论:0条

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票