快速上手 Figma
你好，我是設計師 Riven
這個單元我們來快速認識一下
Figma 的軟體介面
Fimga 當中有三大區塊
分別為最左邊的圖層面板（Layers Panel ）
中間的畫布（Canvas）
和最右邊的屬性面板（Properties Panel）
在 Layers Panel 圖層面板中 透過這個階層列表
你可以輕鬆地探索各種物件
發現它們之間的關係
還能輕鬆管理它們
而想要做更細節的設計管理時
我們也會使用這個 Page
方便我們將不同的頁面設計分別放置
保持工作區塊的乾淨對於設計師來說也是非常重要的
只需要點擊名稱後
就可以幫他們命名
利於我們未來尋找
若是圖層太多找不到想要的元件時
也只需要在畫板上點選元件
工具列就會自動選取該對應圖層
不再有找不到圖層元素的困擾
而 Canvas 畫布呢 Figma 主要的設計工作區
是一個可以無限放大延伸的空間
我們所有的設計內容都會在這裡完成
從這邊可以選擇 zoom in 或是 zoom out 放大
也可以按住鍵盤的中的 Command 加減(+-)鍵來縮放
Properties Panel 屬性面板 主要針對不同物件設定專屬的屬性
例如調整顏色、調整文字大小
設定陰影效果、排版對齊方式等等
會根據選取物件的不同有不同調整選項 例如像這個按鈕
希望它的圓角不要這麼圓潤
我們就可以透過個別區塊做調整
像這樣～ 一個小小的 tips 當我們反悔的時候該怎麼辦呢 甭擔心，按下鍵盤中的 Commond+Z 就可以復原囉
恭喜大家已經小小地跨出學習 Figma 的第一步！
後面的單元會持續為大家講解工具的詳細介紹
讓大家可以更深入地了解如何使用 Figma～
一起製作出像是範例中精緻的 UI 設計⭐️
等等見啦
Powered by Teachify