今天要給大家安利的一個軟件是zeplin，用於連接設計師和前端開發者，同時對於獨立開發者，這也是一個神器。這個軟件有web版本和客戶端(mac/win)。有了它，利用Zeplin從設計圖自動生成CSS，提高前端樣式開發效率，降低前端樣式入門門檻，像我一樣的開發小白，學習前端開發的門檻又降低了1釐米。
Zeplin工作流
可以從sketch非常方便導入到zeplin，安裝插件之後，你可以在plugins-zeplin插件找到對應的導入方法。無縫導入，對sketch用戶非常方便。
在導入zeplin之後，你可以針對不同的組件，直接查看和複製對應的CSS代碼，快速複製到你開發中的代碼，對於前端開發者可以提高從設計到前端代碼的過程，同時也降低了信息溝通中的噪音，提高了效率，你不需要設計師去切圖、標註色值，所有的信息你都可以從設計原圖無縫進入到CSS樣式階段。
.Rectangle-Copy-3
{
width: 1125px;
height: 319px;
margin: 135px 0 0;
padding: 85px 57px 0 58px;
box-shadow: -5px -5px 50px 0 rgba(123, 123, 123, 0.25);
background-color: #ffffff;
}
多說一句，對於很多的獨立開發者朋友，這樣的工具無疑在降低生產的難度，讓產品設計到開發過程絲滑過度。值得體驗擁有。
關於駭客白專訪 hackerby.com
我們會訪談創客（獨立開發者、研發、產品運營）他們的項目和背後的故事，通過這個公號共享給大家，歡迎大家關注、等待、思考、碰撞。