目前的設(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 的新工具。至于誰會笑到最后，誰又會取代誰，讓我們拭目以待吧。