編輯推薦：過(guò)去的幾個(gè)月里，「即時(shí)設(shè)計(jì)」這款存在感爆棚的新形態(tài)國(guó)產(chǎn)設(shè)計(jì)工具吸引了太多設(shè)計(jì)師朋友的關(guān)注，也讓很多人對(duì)于“它和國(guó)外的 Figma 到底有哪些差異？我們又該如何選擇？”等類似的問(wèn)題充滿了好奇，前段時(shí)間剛分享了一套它和 Figma 不同的資源用法，這次就為大家更全面地展示下它的本土化優(yōu)勢(shì)，一起來(lái)看看吧~
「即時(shí)設(shè)計(jì)」官網(wǎng)地址：https://js.design
從上半年入坑 Figma 之后，我就一直在關(guān)注國(guó)內(nèi)設(shè)計(jì)工具的進(jìn)展，期待能有更符合我們本地需求的體驗(yàn)出現(xiàn)。
前陣子看到「即時(shí)設(shè)計(jì)」一周年的匯報(bào)，發(fā)現(xiàn)它不僅功能已經(jīng)足夠全面，本土化也做的相當(dāng)不錯(cuò)了。
尤其是最近更新了智能動(dòng)畫和交互后，原型、交互、設(shè)計(jì)、在線協(xié)作這些基本都已經(jīng)和 Figma 相差無(wú)幾。
而兩者的差異也越發(fā)地明顯，作為一款國(guó)產(chǎn)工具，即時(shí)設(shè)計(jì)多了很多更適合國(guó)內(nèi)用戶的優(yōu)勢(shì)，當(dāng)然，因?yàn)槿ツ瓴派暇€，有些方面還不如 Figma 完善，但這不是今天討論的重點(diǎn)。
今天主要還是跟大家聊聊，為什么它的本土化會(huì)讓我這么看好。
不用說(shuō)，這也應(yīng)該是最明顯的優(yōu)點(diǎn)。
雖然 Figma 很好用，但中文確實(shí)是個(gè)大問(wèn)題，盡管有網(wǎng)友做漢化，不過(guò)也只覆蓋到部分基礎(chǔ)功能，很多地方依然需要一定的英文功底。
在瀏覽器里還能配合著翻譯功能應(yīng)付一下，而新版 Figma 客戶端卻徹底限制了第三方修改，之前替換中文補(bǔ)丁的操作現(xiàn)在只能用在舊客戶端里了。
而即時(shí)設(shè)計(jì)里就不存在這些問(wèn)題，所有的操作界面，官方的教程、說(shuō)明文檔全都是中文，任何一個(gè)母語(yǔ)中文的設(shè)計(jì)師都沒(méi)有閱讀和識(shí)別障礙，學(xué)習(xí)成本極低。
更重要的一點(diǎn)，就是 Figma 并不支持顯示中文字體名稱，用起來(lái)非常不方便。
而我們做設(shè)計(jì)又幾乎都是中文場(chǎng)景，光是中文字體這一點(diǎn)，即時(shí)設(shè)計(jì)的體驗(yàn)就直接高了一個(gè)檔次。
另外，相比起 Figma 遇到問(wèn)題需要在社區(qū)里使用英文求助的方式，即時(shí)設(shè)計(jì)直接掃碼加入用戶群隨時(shí)反饋的體驗(yàn)，無(wú)疑更能讓人安心。
同樣作為一款在線工具，即時(shí)設(shè)計(jì)自然也沒(méi)有平臺(tái)限制，瀏覽器即開即用，支持 Mac Win Linux 甚至 iPad，而最重要的是，它的服務(wù)器在國(guó)內(nèi)，沒(méi)有網(wǎng)絡(luò)門檻，也沒(méi)有境外信息安全問(wèn)題。
Figma 的網(wǎng)絡(luò)就比較隨緣了，起初不能用，后來(lái)一段時(shí)間訪問(wèn)很流暢，但最近又開始頻繁失聯(lián)，動(dòng)不動(dòng)就無(wú)法加載必須要特殊方法才能打開……
對(duì)于個(gè)人來(lái)說(shuō)這問(wèn)題可能還好，但是對(duì)于 Figma 這樣一款在線協(xié)作工具，網(wǎng)絡(luò)問(wèn)題還是很頭疼的。
我好不容易進(jìn)入了編輯界面畫好了設(shè)計(jì)稿，結(jié)果鏈接分享給別人，對(duì)方又打不開，每次都會(huì)非常尷尬。
所以，既然我沒(méi)辦法很好地優(yōu)化自己的網(wǎng)絡(luò)，倒不如試著換一個(gè)選項(xiàng)。
前面兩點(diǎn)還是相對(duì)比較基礎(chǔ)的差異，也算是本土化必須具備的優(yōu)勢(shì)。
不過(guò)接下來(lái)，就該一點(diǎn)點(diǎn)看出這個(gè)團(tuán)隊(duì)做的更實(shí)際的工作了。
即時(shí)設(shè)計(jì)界面布局并不特殊，對(duì)于習(xí)慣 Sketch XD 或者 Figma 的用戶都能很快 get 到，自帶的一套快捷鍵也和 Figma 比較接近，需要額外學(xué)習(xí)的地方并不多。
而讓人很意外的點(diǎn)在于，它做了一個(gè)很特別的「Sketch 適配模式」，讓用戶可以選擇使用 Sketch 的快捷鍵和滾輪縮放習(xí)慣。
毫無(wú)疑問(wèn)，國(guó)內(nèi)的 Sketch 用戶群體非常龐大，有了這個(gè)功能，設(shè)計(jì)師能更自然地?zé)o縫切換到新工具，絕對(duì)是非常令人愉悅的體驗(yàn)。
在字體方面，也值得多說(shuō)一點(diǎn)。
除了友好的中文字體支持外，即時(shí)設(shè)計(jì)還有更多優(yōu)勢(shì)，就是它做了三種不同的字體使用方式，大概是目前市面上唯一一個(gè)這么做的設(shè)計(jì)工具。
- 安裝本地字體助手，直接調(diào)用本地字體；
- 導(dǎo)入字體包，字體在線共享和使用，擺脫下載安裝；
- 什么都不用做，隨意使用官方提供的數(shù)十款在線無(wú)版權(quán)字體。
我們?cè)僖膊挥脫?dān)心朋友同事缺少某個(gè)字體，更不用隨時(shí)備好一堆字體文件等著給他們安裝……以前字體使用習(xí)慣中最麻煩的問(wèn)題，一下子被徹底解決了，這應(yīng)該是即時(shí)設(shè)計(jì)最戳我的一個(gè)地方。
即時(shí)設(shè)計(jì)有和 Figma 社區(qū)對(duì)標(biāo)的資源廣場(chǎng)，只是暫時(shí)還不支持用戶發(fā)布自己的作品。
但即時(shí)設(shè)計(jì)又額外做了一個(gè)在線的「資源庫(kù)」，不光可以引用資源廣場(chǎng)的素材，還能手動(dòng)上傳自己收集和創(chuàng)作的內(nèi)容，隨時(shí)都能使用。
而且資源庫(kù)的素材都可以直接拖拽到編輯界面，資源和工具銜接地非常順暢。
從資源使用的角度來(lái)看，相比以往只能完整下載一堆源文件再?gòu)?fù)制粘貼的體驗(yàn)，即時(shí)設(shè)計(jì)似乎又更友好了一點(diǎn)。
在我的期待里，如果它后續(xù)允許用戶發(fā)布作品，并且支持這種能自由拖拽復(fù)用的形式，那資源的使用體驗(yàn)必定會(huì)既獨(dú)特又實(shí)用。
相信不光是我，每一個(gè)設(shè)計(jì)師的文件數(shù)量都只會(huì)隨著時(shí)間越來(lái)越多，很少有人會(huì)選擇直接丟掉自己的心血和成長(zhǎng)痕跡。
以前用 Sketch 時(shí)還可以通過(guò)電腦中的文件夾來(lái)整理，但 Figma 里個(gè)人文件只能按順序排列在草稿頁(yè)，團(tuán)隊(duì)文件也只能按照項(xiàng)目來(lái)劃分，有些不太適應(yīng)。
而即時(shí)設(shè)計(jì)已經(jīng)支持了無(wú)限嵌套的文件夾功能，和本地文件的分類管理體驗(yàn)幾乎沒(méi)有區(qū)別，我可以按照喜好自由整理不同類型的設(shè)計(jì)稿。
當(dāng)所有文件都能整整齊齊地保存時(shí)，帶來(lái)的也不只有優(yōu)秀的體驗(yàn)，還會(huì)讓人多一份歸屬感。
?
工作中，我們經(jīng)常會(huì)同一時(shí)間參與很多需求和項(xiàng)目，每次去一大堆文件里找東西是真的很麻煩。
即時(shí)設(shè)計(jì)針對(duì)這種情況做了一個(gè)「跟進(jìn)文件」的功能，它讓我們可以直接跟進(jìn)近期的所有文件，并在「正在跟進(jìn)」面板里一覽自己負(fù)責(zé)的內(nèi)容。
這個(gè)功能的好處在于，如果我們近期需要同時(shí)處理多個(gè)項(xiàng)目，而這些項(xiàng)目又分散在不同的團(tuán)隊(duì)或文件夾中，它可以幫我們節(jié)省反復(fù)切換頁(yè)面和搜索的時(shí)間成本。
對(duì)于每一個(gè)設(shè)計(jì)師、產(chǎn)品、開發(fā)，甚至是團(tuán)隊(duì) Leader，都能借此來(lái)大幅提高項(xiàng)目管理的效率。
這是一個(gè)面向團(tuán)隊(duì)用戶的功能。
我們可以使用管理者設(shè)置好的標(biāo)簽來(lái)標(biāo)記團(tuán)隊(duì)文件的狀態(tài)，如進(jìn)行中、評(píng)審中、已完成等等，所有團(tuán)隊(duì)成員都能更高效地篩選項(xiàng)目并清晰地確認(rèn)每個(gè)需求的進(jìn)度。
看起來(lái)很小的一個(gè)功能，但是和文件夾、項(xiàng)目跟進(jìn)這些整合在一起，讓即時(shí)設(shè)計(jì)的工作臺(tái)不論是看起來(lái)還是用起來(lái)，都比以往的設(shè)計(jì)文件管理體驗(yàn)好了幾倍不止。
非常值得一提的部分。
Figma 雖然把原型設(shè)計(jì)和標(biāo)注切圖整合在了一起，但是對(duì)很多國(guó)內(nèi)團(tuán)隊(duì)來(lái)說(shuō)，還不能很好地滿足現(xiàn)階段的需求和使用習(xí)慣。
所以即便很多人用上了 Figma，也還是難免要像以前用 Sketch 一樣，借助第三方插件來(lái)完成協(xié)作交付的工作。
但即時(shí)設(shè)計(jì)不一樣，它更了解國(guó)內(nèi)用戶，知道我們需要切圖預(yù)設(shè)，需要顏色定位，需要標(biāo)注參數(shù)的倍率切換和單位切換，需要開發(fā)好上手……
那么我們國(guó)內(nèi)團(tuán)隊(duì)，目前也只有在即時(shí)設(shè)計(jì)里，才能感受到真正將原型交互、設(shè)計(jì)工具和開發(fā)交付的第三方插件結(jié)合在一起的協(xié)作體驗(yàn)，到底能有多爽！
其他協(xié)作相關(guān)
另外，協(xié)作方面還有一點(diǎn)優(yōu)化，就是即時(shí)設(shè)計(jì)的僅預(yù)覽權(quán)限，對(duì)方確實(shí)是只能預(yù)覽和查看標(biāo)注信息，無(wú)法復(fù)制和編輯你的設(shè)計(jì)稿。
而不像 Figma 那樣，只有一個(gè)可查看的權(quán)限，只要對(duì)方拿到鏈接就能把你的項(xiàng)目復(fù)制一份進(jìn)行編輯。
即時(shí)設(shè)計(jì)還支持掃碼預(yù)覽，可以用微信或者官方 App 掃碼實(shí)時(shí)預(yù)覽設(shè)計(jì)效果，并用手機(jī)對(duì)設(shè)計(jì)稿進(jìn)行遠(yuǎn)程評(píng)論，協(xié)作體驗(yàn)十分完善。
即時(shí)設(shè)計(jì)和 Figma 一樣也可以導(dǎo)出本地文件備份，對(duì)于有必要確保數(shù)據(jù)安全的用戶來(lái)說(shuō)是完全滿足需求的。
而即時(shí)設(shè)計(jì)又多做了一點(diǎn)，它同時(shí)支持了導(dǎo)出 Sketch 文件……
這意味著，就算只有你在用即時(shí)設(shè)計(jì)，也能和使用 Sketch 的朋友或同事進(jìn)行協(xié)作，并且如果公司要求 Sketch 文件備份，也照樣可以滿足。
即時(shí)設(shè)計(jì)還可以導(dǎo)入 Sketch 和 XD 文件，甚至已經(jīng)有人把它當(dāng)成文件轉(zhuǎn)換工具在用了，因?yàn)樾Ч_實(shí)比 Figma 的收費(fèi)插件要好很多……
總之，在文件遷移方面的體驗(yàn)，即時(shí)設(shè)計(jì)必然也能夠滿足更多的用戶需求。
即時(shí)設(shè)計(jì)作為一款剛剛上線 1 年的產(chǎn)品，在這么短的時(shí)間里已經(jīng)做到了和上線 6 年的 Figma 如此接近的程度，不得不說(shuō)，這個(gè)迭代速度還是很驚人的。
當(dāng)然，也還有一些欠缺的地方：主要是大文件下的性能體驗(yàn)、第三方插件市場(chǎng)和真正流轉(zhuǎn)起來(lái)的社區(qū)。
根據(jù)反饋看，性能應(yīng)該是它接下來(lái)迭代的重點(diǎn)；目前官方也上線了十幾款插件，相信之后會(huì)有更多；至于社區(qū)這塊，就看他們想和我們國(guó)內(nèi)的設(shè)計(jì)師怎么玩起來(lái)了！~
就像前面說(shuō)的，它在本地化方面已經(jīng)做出了很多它獨(dú)有的優(yōu)勢(shì)。
但其實(shí)和現(xiàn)有設(shè)計(jì)工具類似的地方并不是我關(guān)注的重點(diǎn)，未來(lái)它會(huì)在中國(guó)的設(shè)計(jì)環(huán)境下發(fā)展成什么新的樣子，反而是我最期待的部分！
之前也說(shuō)過(guò)，F(xiàn)igma 很香，但是在國(guó)內(nèi)很難推廣。
因?yàn)椴还苁悄愕墓净蛘邎F(tuán)隊(duì)、朋友，總會(huì)因?yàn)檎Z(yǔ)言、網(wǎng)絡(luò)、價(jià)格、服務(wù)、信息安全，也包括協(xié)作以及其他的體驗(yàn)問(wèn)題中的某一點(diǎn)或幾點(diǎn)，而無(wú)奈拒絕掉它……
所以如果有需求的話，倒不如試試即時(shí)設(shè)計(jì)，反正是免費(fèi)的！憑借著豐富的本土化優(yōu)勢(shì)，它必定能更好地滿足我們~
「即時(shí)設(shè)計(jì)」官網(wǎng)地址： https://js.design
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng)，未經(jīng)允許不得轉(zhuǎn)載。
熱評(píng) 快漲薪 · 超河貍