跳到主要內容區塊

我從 Sketch 老粉變成 Figma 鐵粉的 10 個理由(上)

為什麼寫這篇文章

今天的主題要跟大家聊聊 Figma 這個火紅的 UI 設計工具,如果你還不知道什麼是 Figma 的話,可以參考 Jasmine 寫過的這篇文章「Figma — 異軍突起的設計協作神器」,裡面有滿不錯的介紹。

會想跟大家分享的主要原因是 Figma 在國外的討論度一直都很高,而在台灣好像相對來講少一點,不確定是不是因為大家的使用習慣或是公司工作模式的不同,間接影響了設計工具的選擇。所以我想以我自己使用的觀點來分享 Figma 是如何改變我的設計流程與習慣,甚至不知不覺讓我變成它的鐵粉。

初遇 Figma 不來電,再次相見驚為天

我記得在兩年前就有嘗試過 Figma,但老實說當時沒有很強烈的印象,加上人類是習慣性很強的動物(尤其是設計師),基本上設計工具只要一用習慣就很難再換,就像要你用右手寫字突然換成左手差不多,當時感覺使用起來就是不順手(但也沒深入研究就是了)。

不過直到半年前再次體驗 Figma 就能感受到它在各方面的進步,而它打到的設計流程的痛點對我來說更是拳拳到肉,所以不跳槽也是有點說不過去了。

我自己從 Sketch 轉換到 Figma 大概有半年以上的時間,主要原因是目前的公司的整個設計團隊在當時有更換工具的計畫,加上 Figma 在歐美已經非常火熱,從國外平台 2019 年的 UI 設計工具調查報告也可以看到, Figma 已經衝到業界使用工具第二名,而在 Windows 平台上更是超越 Adobe XD,看得我自己也滿好奇的,到底 Figma 為什麼可以這麼厲害?

而自己使用過一段時間之後,真的是覺得 Figma 在很多方面都影響了我的工作模式,甚至已經到有點無法想像以前用 Sketch 做設計的時光了(等等會提到為什麼)。文章也會和大家分享,為什麼我喜歡 Figma 以及分享一些真實的使用場景。

正題開始!

接下來就正式跟大家分享我喜歡上 Figma 的 10 個理由,希望這些理由也能成為你開始嘗試這個潛力新星的原因

01 | 實現真正的即時同步與協作 (Real-time synchronization & collaboration)

一直以來,即使在不同團隊中,我的設計流程從前期規劃、思考設計、執行設計、分享設計等等,當不同階段遇到需要討論溝通的時候,總是需要把設計稿匯出或上傳到某個地方請別人看、或者是面對面討論,等到彼此有結論之後再更新設計稿,接著重新上傳新版設計,依此流程不斷重複直到完稿。

而多數時候,可能因為已經習慣這樣的流程,所以不覺得是問題,但就是有點瑣碎。

後來發現,這樣的工作流程間接了壓縮一些可以被討論、讓設計進步的空間,因為一來這樣一來一往的溝通模式成本太高,二來頻繁的切換工具對於設計流程也是一種干擾。

所以漸漸變成如果是太小的設計改動、或是覺得不想花太多力氣去溝通的設計,對設計師來說就會省去討論的步驟、當然很多設計上細節也不會被看見,最終會少了許多透過吸收反饋而迭代設計的機會。

而 Figma 最大的賣點之一 — 「即時協作」,正好就能讓這整個協作流程變得更透明與容易。以往最新的設計檔案就是儲存在個人本地主機,同時就只能一人開啟,最新版設計當然就掌握在一人手上。而在 Figma 裡面,每個團隊成員都能共享同一個設計檔案(當然,你可以設定編輯權限),所以只要任何人對設計有想法都能即時在設計稿上留言討論,設計師在卡住時也能和團隊成員快速尋求反饋,設計、文字上的改動也馬上就在 Figma 上呈現,想測試多少 ideas 都不是問題,減少了大量的溝通成本與思緒轉換。

即時同步協作還有其他的應用場景,像我自己常常用 Figma 來做使用者測試或快速設計 Demo ,在訪談中收到前一個使用者的回饋之後,就可以立馬修改文字或設計並反映在我的 Prototype 上,有時候整場設計研究下來,設計不知不覺又迭代了兩三次,還賺到了很多額外的 insights !

 

02 | 再也不用擔心是否沒存到擋或找檔案在哪裡,檔案就住在你每天會打開的瀏覽器裡

我印象還很深刻,在大學念設計的時候,用 Photoshop 和 illustrator 做作業常常都因為檔案過大或不明原因整個當機,更慘的是熬夜做好幾了幾個小時作業只因為忘記存擋,直接胎死腹中,再經歷過幾次重大的教訓之後,我就非常把 Command+S(儲存檔案) 這件事情放在心上 ,每做幾個動作就要 Command+S 一下確保我的心血結晶不會因為沒存到檔而毀於一旦。

加上以前因為很不懂得做檔案管理跟命名,所以找檔案這件事情也讓我非常痛苦,常常需要穿梭在各種資料夾之間尋找找不同版本的設計檔案,想起來真的是非常浪費時間(和生命)。

但這件事情到了 Figma 就相對來講沒什麼問題,因為 Figma 的檔案結構從團隊、專案到設計檔案都劃分的相對清楚,而且全部東西都在雲端隨時更新,所以只要打開瀏覽器、連上 Figma 就一定找得到你的檔案,也不會有什麼檔案新舊版問題。另外 Figma 也提供了簡單的版本控制,由於 Figma 會自動存擋的關係,所以當你(或別人)有誤刪檔案裡的東西的時候,可以快速找到之前的版本把東西救回來,簡直是設計師的救命仙丹!

 

資料來源:轉載自Lin Simon 於Medium 網站發表之『我從 Sketch 老粉變成 Figma 鐵粉的 10 個理由。到底 Figma 是什麼樣的設計工具,能讓我從 Sketch 移情別戀?』

Simon 目前在東京的跨國企業擔任 UX 設計師,同時也是設計內容媒體 AAPD 的創辦人。熱愛學習、分享工作與生活的大小事。透過自學進入 UI/UX 領域,並於 2016 年開設了自己的 UI 設計線上課程,這幾年也在不同的公開設計活動上分享自己的設計方法、海外工作經歷等內容。擅長透過不同的角度與觀點傳遞設計的價值,熱衷於分享知識並持續建立社群之間的連結,目標是成為有正面影響力的設計師。

個人網站:http://simonlin.design/

個人 Medium: https://medium.com/as-a-product-designer