Figma Config 2023 新功能總結(jié)梳理 | 帶你快速了解更新內(nèi)...

4大新功能研究完了。我來(lái)解讀一下 歡迎大家查漏補(bǔ)缺。
先說(shuō)變量:其實(shí)就是你在建立項(xiàng)目開(kāi)始搭建設(shè)計(jì)系統(tǒng)時(shí)就需要提前錄入顏色變量、8像素原則變量值(間距)、交互變量值、元素長(zhǎng)高最大值和最小值(這個(gè)功能做網(wǎng)頁(yè)非常有用,可設(shè)計(jì)真正意義上自適應(yīng)網(wǎng)頁(yè)了。可我做游戲UI的感覺(jué)對(duì)我用處不大)。這個(gè)功能方便協(xié)同工作人員對(duì)項(xiàng)目的管理,形成更加嚴(yán)格的設(shè)計(jì)規(guī)范。再也不用擔(dān)心其他設(shè)計(jì)師和你的設(shè)計(jì)規(guī)范不一樣了[大哭],我的設(shè)計(jì)系統(tǒng)基于apple ios設(shè)計(jì)文檔建立的規(guī)范非常完整,但是其他設(shè)計(jì)師…唉..一言難盡 可以說(shuō)很多設(shè)計(jì)師都不知道設(shè)計(jì)系統(tǒng)的規(guī)范是個(gè)什么
自動(dòng)布局:就是結(jié)合你提前設(shè)置的變量來(lái)選擇組件的內(nèi)間距和元素的圓角。以前我們都是手動(dòng)輸入間距,現(xiàn)在是在你的變量里面選擇間距!但也可以手動(dòng)輸入。然后整個(gè)組件可以選擇長(zhǎng)高最小值和最大值的變量。反正都是圍繞著變量來(lái)更新的,自動(dòng)布局增加了一個(gè)新排列方式,它可以根據(jù)組件長(zhǎng)高選擇的變量來(lái)做到真正意義上的“自適應(yīng)布局”,這個(gè)功能非常nice!
交互原型:如果你接觸過(guò)Principle或protopie再或者你懂一點(diǎn)代碼邏輯思維很強(qiáng),你應(yīng)該對(duì)這個(gè)功能非常容易上手。這個(gè)功能還是圍繞在變量來(lái)的,你還是需要在變量里面設(shè)置一個(gè)值,這個(gè)值你可以賦予到任何元素上,然后你再通過(guò)其它元素的交互來(lái)改變這個(gè)值從而改變賦予值的元素狀態(tài)或者變大變小。不知道這樣說(shuō)你們能不能懂[笑哭],總之現(xiàn)在的交互原型加了判斷可以做很多以前做不到的事情,非常強(qiáng)大!
開(kāi)發(fā)者模式:方便前端,而且vs也有figma插件??梢苑浅]p松的導(dǎo)出代碼到vs里面。代碼也有ios、安卓、web,對(duì)于軟件開(kāi)發(fā)很友善了。