首堂課講師主要以介紹Figma各項工具為主。Figma 是現在最熱門的 UIUX 設計軟體之一。根據國外平台 2020 的 UI 設計工具調查報告,Figma 已經超越了 Sketch 成為業界使用工具第一名,特別是即時同步與協作功能,讓設計師們能夠即時尋求團隊夥伴對於設計稿的反饋。對於一般創作者來說,多功能且免費使用的Figma也是最佳選擇。
Figma畫面有三大區塊:左方是Layers Panel 圖層面板,用階層列表的方式顯示畫面上所有的物件類型與名稱,方便瀏覽物件之間的關係以及進行物件管理;中間是Canvas 畫布,Figma 主要的設計工作區,是一個可以無限放大延伸的空間,所有的設計內容都會在這裡顯現;右方是Properties Panel 屬性面板,可以針對不同物件設定專屬的屬性,例如調整顏色、調整文字大小、設定陰影效果、排版對齊方式等等。
Frame 是在 Figma 中一個特別的功能,可以把他想像成一個外框、畫板,可以承裝不同設計元素的容器。特色是可以一層包一層,也就是 Frame 裡面可以有子 Frame,多層次關係讓設計師更便於打造出設計感及豐富理念,可以說掌握Frame就等於掌握Figma了!講師也提醒同學們,了解工具使用原理邏輯比操作方法還要重要,將Figma玩得爐火純青的唯一方法是靈活發揮所有工具!