目前的設(shè)計工具有很大的問題,因為互聯(lián)網(wǎng)UI設(shè)計的業(yè)務和10年前有了很大變化,工作流程和交付方式也和以前完全不一樣了??赡懿簧僭O(shè)計師已經(jīng)在實際工作中感觸很深,基于 image-based 的傳統(tǒng)設(shè)計工具漸漸不能滿足業(yè)務需求了,不管你用什么工具,和工程師的配合都會產(chǎn)生各種各樣的問題,設(shè)計和開發(fā)之間的 gap 永遠存在。
基于這樣的大趨勢和背景下,F(xiàn)ramer X 橫空出世了,當時全新的理念確實讓整個互聯(lián)網(wǎng)設(shè)計圈為之興奮。但它在很多方面仍存在很大的致命問題,對設(shè)計師也不夠友好。于是受到 Framer X 的啟發(fā),這類新的設(shè)計工具突然一夜之間井噴式的爆發(fā)了。
上期 AnywayFM也提到了這個話題,高老師還因為我的一個觀點 diss 了一些自己的觀點。當然本文并不討論誰對誰錯(等改天新開個話題再好好寫一篇 diss 回去),我想說的是之前他們的某期播客上,把現(xiàn)在的設(shè)計工具稱為后現(xiàn)代設(shè)計工具,而以 Framer 為首的這些,我把他們稱之為前沿設(shè)計工具。
讓我們來看看目前有哪些新的工具出現(xiàn)了:
Interplay
Interplay 是一家位于愛爾蘭和澳大利亞的創(chuàng)業(yè)公司,上次介紹 Figma 插件有一個 design system 的插件就是他們家開發(fā)的。和 Framer 不同的是,它號稱同時支持 React, Angular 和 Vue,并且可以讓你從 Git 倉庫直接導入,同時也有類似組件庫的概念。
Modulz
前 Invision 的設(shè)計師創(chuàng)業(yè)項目,大概是目前口碑最好的一款,最早在 Kickstarter 上面眾籌,已經(jīng)開放給眾籌用戶內(nèi)測很長時間了。最近剛剛拿到了 420 萬美金投資,并且馬上要發(fā)送內(nèi)測邀請給申請的用戶了。它的口號是:close the gap between design and code。可見野心非常大。
Hadron
另一個類似的產(chǎn)品,因為基于 web,所以同時支持 OSX, Windows, and Linux 平臺。并且也支持 React 和 Vue,另外它還號稱支持任何前端框架。
Shift
這個可以說是 Framer X 的增強版,一款自稱 Create production-ready design systems 的原型設(shè)計工具。提供了很多內(nèi)置的組件,也有一個組件商店。同時也支持 React 和實時協(xié)作。更變態(tài)的是還可以和大部分后端語言框架連接起來。
Alva
這款產(chǎn)品從界面上看很像網(wǎng)頁設(shè)計工具,并沒有圖像編輯工具。它只是提供了各種組件給用戶自由拖拽,也沒有代碼編輯界面,只能通過屬性欄更改屬性和增加動效。
Merge
UXPin 旗下將要推出的一款同類產(chǎn)品,界面很像 Adobe XD。亮點是設(shè)計組件可以直接同步到 Github,還可以自動生成在線的 Design System 文檔庫。題外話:UXPin 這家公司的設(shè)計產(chǎn)品看起來做得很好,但為啥沒什么人用人氣也不高,一直是個迷。
Relate
計劃在 2020 年上線的另一款產(chǎn)品,目前 50% off 預售中??唇貓D不難看出,它支持各種前端語言,基于 React,擁有高度可視化的工具欄,還可以連接 Github 和云端。
可以看出來,這類所謂的前沿設(shè)計工具針對的人群并不僅僅是設(shè)計師,而是設(shè)計師和工程師可以一起使用,目的就是打通兩者之間的壁壘。就像 Modulz 的愿景那樣:close the gap between design and code。
之前看到一位設(shè)計師在 Twitter 上說:
我覺得很有感觸,未來是不是只有這三種設(shè)計師不敢保證,但針對 UI 設(shè)計領(lǐng)域,在產(chǎn)品界面越來越趨同化,組件越來越成熟的未來,也許我們真的只是一個 design systems builder,我們的主要工作就是創(chuàng)建和維護可復用的一個個 UI 組件。
目前的設(shè)計工具產(chǎn)能非常過剩,幾乎每周都有一些新工具出現(xiàn)。以上這些工具只是剛剛起步,最后誰會火起來誰也不知道,甚至這個趨勢是不是能被廣大設(shè)計師接受并真正成為下一個趨勢,都很難說。但可以肯定的是,新工具的不斷涌現(xiàn),人們的不斷討論,足以說明大家對現(xiàn)有傳統(tǒng)設(shè)計工具的不滿足,即使 Sketch、Figma 這些主流設(shè)計工具已經(jīng)把 Adobe 在 UI 設(shè)計領(lǐng)域的市場份額蠶食的所剩無幾,人們還是在不斷探索并創(chuàng)造更好用更符合現(xiàn)代 workflow 的新工具。至于誰會笑到最后,誰又會取代誰,讓我們拭目以待吧。
全站高品質(zhì)素材免費下載!