用戶界面(UI)設(shè)計(jì)工具從Photoshop到Sketch，再?gòu)腟ketch到Figma，變化很快，工具的變化反映了設(shè)計(jì)師需求的變化。在過(guò)去，我們需要Photoshop，因?yàn)樗梢院苋菀椎剡M(jìn)行物化設(shè)計(jì)，而oursketch.com取代它的原因是扁平化的興起。那么，F(xiàn)igma逐漸取代Sketch的原因是什么呢？

我認(rèn)為這是因?yàn)镕igma縮短了創(chuàng)造性設(shè)計(jì)和開(kāi)發(fā)實(shí)現(xiàn)之間的距離。設(shè)計(jì)師的世界充滿了自由和創(chuàng)造性的探索，工程師的世界必須包含一個(gè)清晰而嚴(yán)格的邏輯。這兩個(gè)看似相反的角色需要共同努力，把想法變成現(xiàn)實(shí)。

Figma一直試圖縮小兩者之間的距離，以幫助設(shè)計(jì)師和工程師更好地合作。根據(jù)開(kāi)發(fā)實(shí)現(xiàn)的原則或習(xí)慣，F(xiàn)igma的許多功能，如組件和自動(dòng)布局，也對(duì)設(shè)計(jì)師保持友好。如果我們能夠充分利用這些功能，我們的設(shè)計(jì)將更接近開(kāi)發(fā)實(shí)現(xiàn)，當(dāng)我們最終著陸時(shí)，我們將更接近最初的設(shè)計(jì)。換句話說(shuō)，設(shè)計(jì)和開(kāi)發(fā)之間的差異越小，開(kāi)發(fā)和恢復(fù)的最終效果就越好。

如下圖所示，重疊部分是我們與工程師共享的部分。我們擁有的信息越多，我們之間的信息傳遞就越少，最終的恢復(fù)就越接近設(shè)計(jì)。Figma可以幫助我們縮短兩個(gè)圓之間的距離，這樣我們就可以有更多的共同點(diǎn)。

具體來(lái)說(shuō)，F(xiàn)igma模擬代碼的實(shí)現(xiàn)，如frame、自動(dòng)布局、組件等。，使您能夠更有效、更快地進(jìn)行動(dòng)態(tài)、響應(yīng)和系統(tǒng)設(shè)計(jì)。但是，通過(guò)觀察，我發(fā)現(xiàn)很少有設(shè)計(jì)師在設(shè)計(jì)中充分利用figma的特點(diǎn)，所以他們不能發(fā)揮自己的力量，也不能提高自己的設(shè)計(jì)效率。