sketch如何把设计好的网页页面直接转换成html代码？
sketch如何把设计好的网页页面直接转换成html代码？
很多人说的能生成HTML，其实就是标注。比如蓝湖、measure插件等等，可以直接把sketch转化为标注文件，本质上就是把sketch的可视化界面转化为程序员易读的css、ios样式代码。
可能会有人觉得，我们平时都希望可视化，为啥要反著来呢？程序员好神奇啊。其实这个和每个职业的工作方式有关。设计师是视觉动物，看到界面什么样就是什么样。程序员是看到界面，会把它看成各种框架样式代码，他们平时工作也是和代码打交道。
其实本质上，直接给程序员sketch源文件，他们适应了也能看懂。不过标注工具最重要的就是提高了我们的协作效率，减少了不必要的沟通成本。
至于sketch源文件如何生成代码，目前还没有很有效的方式，很多团队也在向这方面努力，毕竟设计好了直接生成代码，然后上线，这是个理想化的流程。目前的标注软体，实际上已经跨出了一大步，能看到框架样式就已经很不错了。
有兴趣的话可以看看Github这个项目SketchCode，把草图直接转化为前端代码
ashnkumar/sketch-code?github.com
同理的，还有微软的Sketch2Code，和上面的异曲同工，通过AI智能演算法，把抽象的界面转化为代码。
Microsoft/ailab?github.com
不过，作为设计师，我们还应该明白，即使以后能生成代码了，也不意味著能直接上线使用，里面还存在大量的问题，比如响应式、兼容性、交互效果、数据交换等等，程序员的开发必不可少，我们还是要遵循现如今的开发方式。
关于设计和代码的转化，上面的两个例子如果感到太超前的话，可以了解下阿里团队开发的Fusion。
Fusion Design?fusion.design
这个项目表面上看，就是把设计直接转化为代码，其实也是按照规范封装好的，和理论上的设计直接转化代码还是不太一样。Fusion还包含很多对设计师很友好的功能，大家可以自己尝试使用。
最后，作为设计师还是不要幻想设计稿直接生成HTML了，建议大家可以抽空学习一下HTML和CSS，亲自做一个简单的静态页面，这样会对界面有个更深入的了解。
目前有一款插件是在sketch里面直接写代码，可以搜一下。
有一款插件，blade，不过现在的版本不能用了
谢邀。
这个软体我不会。但是DW里怎么实现我倒是会。哈哈。
sketch-measure-master
然后插件里面打开之后点下载电脑的那个按钮。
同求，，，，怎么找不到这一款插件
推荐阅读：
