FigJam — 2021 年值得期待的數位白板工具

figjam
👉 想認識雲端設計工具 Figma 是什麼的朋友可以先看 這篇文章

在數位產品設計的流程中,不同職位的角色會因應需求挑選工具來完成任務。而在眾多工具裡,Figma 無疑是這兩年成長最迅速的,從腦力激盪(brainstorm)、設計與原型製作(Design & Prototype)、到工程交付(Development handoff),Figma 幾乎一手包辦了不同成員在不同階段的需求。

根據 UX Tools 2020 對全球超過 4 千名設計師的問卷調查結果中,它將近要吃下全部項目的第一名。今天所要跟大家介紹的 FigJam,正是 Figma 推出來要滿足用戶敲碗已久面向 Brainstorming 的工具,讓整個產品設計的流程從最初始就進入 Figma 生態系,就讓我們來一探 FigJam 的樣貌吧!

survey

活潑的編輯界面: Marker & Notes

FigJam 就像各位多少曾經接觸過的電子白板軟體,使用者可以在裡頭畫畫、貼便利貼。有別於 Figma 上不少複雜圖層、元件的數值檢視介面,FigJam 用更單純的方式呈現工具,把空間都留給你隨意貼各種形狀、各種顏色的便利貼。

我很喜歡 FigJam 工具介面上的微互動,譬如選擇色筆粗細、切換便利貼形狀,都會直接反映在介面上,讓使用者可以清楚知道目前的設定,另外,這些便利貼上都能夠署名是由誰寫的,大大地解決了以往在 Figma 上做 Brainstorming 而不知道是誰留言的問題!

整合設計流程: Library & Connector

在 FigJam 上使用者可以透過 Library 來獲得更多設計資源,打開後可以使用系統已經提供的簡單貼紙,幫助團隊在討論時快速貼上圖像素材、以及標記符號。

使用者還能進一步匯入來自 Figma 檔案中的設計 Library; 換句話說以往設計師做的那些設計系統、Components 們都可以在 FigJam 使用,讓團隊中非設計人員可以不用直接觸碰 Figma 上的元件,但依舊可以享有這些素材!

除了 Library,更讓我感到開心的就是 Connector — 製作流程圖的工具了!以前我們會在 Figma 使用非官方提供的套件如 Autoflow, Simpleflow 但是效果總是差強人意,現在 FigJam 提供好用十倍的畫流程圖工具,不只可以動態更新、可以標上 Label、也能後續調整其呈現方式:

使用者還可以在討論結束後,直接複製討論結果貼進去 Figma 裡!搬進來後的流程圖依然有動態更新的效果存在,我想流程圖的功能也同時是 Figma 將要同步推出的新功能 🙌

有趣的互動設計 Fun Interactions

除了上述功能導向的 Features 之外,FigJam 還設計了趣味十足的小功能 (不知道是不是開發主產品 Figma 之餘需要一個轉換空間舒壓),讓團隊在 BrainStorming 時能有更輕鬆的氛圍:

  • Emote: 讓使用者在輪盤上挑選表情符號,製造出像會出現的表情冒泡效果,用來對一個議題表示想法。
  • Stamp: 在畫面上蓋章,長按不放可以調整大小,而且貼上的章還有些微的角度差異!
  • Cursor Chat: 超即時聊天互動設計,使用者打的文字會跟著鼠標移動,刪除文字後後是不會留下任何紀錄的。

我該在團隊導入 FigJam 嗎?

介紹了現有的功能後還是要回到現實面: 到底要不要開始使用 FigJam 作為團隊 UX 工具呢?我認為可以從以下三點去做導入的評估:

  1. 官方功能: 雖然有簡單畫筆、便利貼功能,但目前模板 (Template) 相對少量的情況下,要使用研究模型 (Research Framework)、繪製圖表可能會需要親手建立,需要考慮所花費的時間成本。你可以從 Figma Community 來一覽目前有的模板
template
  1. Plugins: Figma 得以發展迅速的一個原因正是靠著蓬勃發展的套件生態,在官方不支援部分功能下還是有其他開發者做出 Plugins 滿足設計師的需求。目前在 FigJam 上全部套件都會被擋下來不能使用,我想官方目前還正在釐清要如何劃分與 Figma 套件之間的管理模式。

在協助測試時跟 FigJam 團隊分享: 我能打開我所做的 Taiwan data generator 套件並在 FigJam 上任意使用後,馬上被他們的 PM 與 Researcher 關注並做了一場使用者訪談 😅

  1. 第三方整合: 不同成員一定會在 brainstorming 中另外使用其他生產力工具,譬如研究員可能會整合資訊到 Google Sheet & Airtable,專案經理可能想從 Dropbox 匯入文件內容...等等。目前 FigJam 尚未有這樣的整合功能,白板上的結果是無法跟其他工具銜接的,但我很期待日後 FigJam 能有類似的 App marketplace!

結語

Figma 是專業的產品設計工具,而 FigJam 則專注於更前段的流程,想吃下非專業設計用戶包括: 工程師、業務、研究員等等,讓前期研究、討論都能接著往後直接匯入 Figma 裡頭。

因為與 FigJam 團隊有合作,在這段時間裡 (竟然才一個多月),看到介面一直更新、功能也不斷釋出,雖然完整性離市面上現有的軟體還有段差距,但 FigJam 有著優異的操作流暢度,以此為基底,最終它還是能成長到適合在公司中給團隊使用的!

若你對 FigJam 有興趣,現在就打開你的 Figma 新增一份 FigJam 檔案, Create & Enjoy your JAM!

start

Design Tips Today: