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
然後插件裡面打開之後點下載電腦的那個按鈕。
同求，，，，怎麼找不到這一款插件
推薦閱讀：
