今天要給大家安利的一個軟件是zeplin序攘，用于連接設(shè)計師和前端開發(fā)者，同時對于獨立開發(fā)者寻拂，這也是一個神器程奠。這個軟件有web版本和客戶端(mac/win)。有了它兜喻，利用Zeplin從設(shè)計圖自動生成CSS梦染，提高前端樣式開發(fā)效率，降低前端樣式入門門檻朴皆，像我一樣的開發(fā)小白帕识，學(xué)習(xí)前端開發(fā)的門檻又降低了1厘米。
image
Zeplin工作流
可以從sketch非常方便導(dǎo)入到zeplin遂铡，安裝插件之后肮疗，你可以在plugins-zeplin插件找到對應(yīng)的導(dǎo)入方法。無縫導(dǎo)入扒接，對sketch用戶非常方便伪货。
image
在導(dǎo)入zeplin之后，你可以針對不同的組件钾怔，直接查看和復(fù)制對應(yīng)的CSS代碼碱呼，快速復(fù)制到你開發(fā)中的代碼，對于前端開發(fā)者可以提高從設(shè)計到前端代碼的過程宗侦，同時也降低了信息溝通中的噪音愚臀，提高了效率，你不需要設(shè)計師去切圖矾利、標(biāo)注色值姑裂，所有的信息你都可以從設(shè)計原圖無縫進入到CSS樣式階段。
image
.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;
}
多說一句男旗，對于很多的獨立開發(fā)者朋友舶斧，這樣的工具無疑在降低生產(chǎn)的難度，讓產(chǎn)品設(shè)計到開發(fā)過程絲滑過度察皇。值得體驗擁有茴厉。
關(guān)于駭客白專訪 hackerby.com
我們會訪談創(chuàng)客（獨立開發(fā)者、研發(fā)什荣、產(chǎn)品運營）他們的項目和背后的故事呀忧，通過這個公號共享給大家，歡迎大家關(guān)注溃睹、等待而账、思考、碰撞因篇。
