跳到主要內容區塊

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

07 | 更彈性的共用樣式與元件架構,打造更完整設計系統

我自己長期都是設計系統的擁護者,我相信一致性的設計可以讓使用體驗更直覺、讓品牌形象更穩固、並減少開發與溝通成本。因此在設計工具中我會大量的使用共享樣式和定義共用元件,確保即使不同設計師在同一個產品下共事,也能有相對一致的設計產出。

我覺得 Figma 在一些樣式細節的設定上做得非常不錯,在不破壞核心元件(Master component)的前提下,給予子元件(Instance)足夠的彈性來客製化與延伸成為更複雜的設計模式。這也大大減少了在設計共用元件時的結構複雜度,讓設計師只要專注在元件的核心架構上,其他改變都能在不同場景中分別套用與延伸不同的共用樣式。

另外, Figma 最近推出的 Auto-Layout 功能也是介面排版更系統化的亮點之一,它讓設計稿能更符合真實開發環境下的邏輯,讓元件與頁面都能根據內容元件的組成、文字長短適應做變化,做出真正意義上的響應式設計。

 

08 | 共享連結讓你的設計無所不在

我相信「設計」不該永遠只在設計工具、檔案裡,提高設計的能力度可以幫助團隊更融入設計流程、了解設計師背後的設計邏輯,並能夠在不同設計階段給予適合的反饋。

 

所以 Figma 的共享連結功能讓所有人都能透過一個連結輕鬆到達指定的設計頁面。設計師也常常需要做許多溝通文件、簡報、即時的設計討論等等,一個能夠公開分享的連結可以讓文件與設計稿之間的轉換變得更無縫,到了指定頁面也可以直接在設計稿的特定區塊直接留言,對於後續的追蹤也很方便,再也不要需要截圖上傳到各種平台了,一個連結輕鬆搞定!

 

09 | 簡單卻強大的原型功能(Prototyping)幫助你快速分享、溝通設計

在產品開發的設計流程中,設計師的工作有很大一部分是去定義與溝通「介面的流程與互動」,透過 Figma 內建的原型功能可以很快速的製作出介面的流程圖,裡面已經定義好了基本的動態轉場效果,甚至如果花點心思可以做到滿多細節的效果(滾動置頂導航、彈跳框、hover效果等等),最棒的又是基於 Figma 雲端共享的特性,製作好的原型可以立馬分享給團隊,也可以拿來做使用者測試,快速得到反饋,而且設計上的調整會馬上反應到原型上,也不需要手動更新,真的非常高效!

當然,目前 Figma 的原型功能還有不少進步空間,但對於日常基本的使用和溝通來說已經非常夠用,相信之後也會有更多實用的功能陸續釋出。

 

10 | 用 Figma 創造「設計介面」以外的可能性

大部分的 Figma 使用者當然就是會拿它來設計介面,或是簡單的線框稿、流程圖等等,這些基本的設計需求 Figma 都可以滿足。但由於它檔案都儲存在雲端、可以隨時使用連結分享的特性, 我也常常用 Figma 來製作設計投影片簡報,接著使用 Prototype 的分享功能就可以馬上變成一個設計的快速 Demo ,完全不需要把設計稿匯出成圖片,還要放到 Google Slide 或 Keynote 之類的簡報軟體,省去許多時間。

除了簡報以外,多人協作的功能也讓線上同步發想設計成為一種可能性,有時候我會和設計師同事甚至 PM 一起花一兩個小時的時間,一起在 Figma 上針對比較複雜的專案或任務做一些想法上的發法,互相討論線框搞與互動模式,也能馬上留紀錄,讓之後要接手的設計師可以有完整的素材。同樣的做法應用在線上設計衝刺(Design Sprint)、頭腦風暴(Brainstorming)、多人遠端工作坊(Remote Workshop)也都非常適合,也間接地讓團隊之間的默契更好、對設計流程更有參與感。

 

總結:工具只是輔助,專注在自己要解決的問題才是重點

這篇文章其實並不是要來戰哪個工具比較好,主要是目前我找到一個適合自己目前工作流程、能幫助自己提升效率的工具。

當然,並不是說換工具就要整個打掉重練,在過去幾年使用 Sketch 所累積的經驗也讓我學習到許多設計執行上的觀念與技巧,這些思維同樣能應用到新工具上,也讓我轉換到 Figma 時沒有花太大的力氣去適應。

我也相信有一天設計工具們可能會走向「越來越像」的趨勢,然而現在彼此各有特色與各有支持者也是我覺得能促進這個產業越來越有競爭力的一種正向循環。

不過,Figma 也不是沒有缺點,像是檔案存在雲端如果沒網路就無法離線編輯、從 Sketch 搬家有點麻煩、目前在台灣可能公司還不是主流等等、軟體本身也還有很多進步空間,但說真的 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