課程緣起
我在這幾年來的設計教學路上，常常遇到學生反應沒有錢購買/訂閱軟體，雖然說現在有非常方便好上手的 Canva 設計軟體，不過如果今天想要做出更專業的設計、製作向量插畫，就需要用到比 Canva 更專業的軟體。
Figma 幫助你低成本入門設計
因此我便想到了免費設計軟體——Figma，Figma 是一款介面設計工具，擁有成熟的社群、方便團隊溝通的協作功能與各式各樣的插件，能幫助你順利設計出介面，除了介面設計之外，Figma 也擁有類似 Illustrator 中的鋼筆與形狀工具功能，可以順利完成向量圖形，不管是平面設計或向量插畫，都可以使用它來製作！而且 Figma 完全免費下載安裝，不用額外花費訂閱設計軟體，無痛學會設計接案技能，幫自己加薪！
課程核心特色
《Figma 設計實戰線上課》這門課安排了使用 Figma 設計軟體，帶大家做出各種平面設計風格與插畫設計風格，除了常見的數位設計外，也安排了網頁介面設計相關課程章節，讓大家更理解 Figma 各項進階的使用功能。
課程單元規劃
章節一：Figma 基本功能操作（7 個單元）
第一個章節會從 Figma 基本介面操作開始，從如何使用社群素材、各式工具的操作、調色盤與文字樣式共用設定、輸出檔案等基本操作使用，也會介紹相對應的快捷鍵，幫助大家可以迅速上手 Figma
章節二：Figma 廣告設計實戰（6 個單元）
第二個章節會透過 6 個廣告設計實戰來幫助大家更熟悉 Figma 的使用，也會介紹許多節省製圖時間的外掛，示範案例包含常見的電商設計，包含服務類型/甜點美食/美妝衣著/活動設計……等，幫助學員在未來面對各式設計情境時，都能夠靈活應用。
章節三：Figma 平面設計實戰（4 個單元）
第三個章節會介紹如何製作名片、菜單與手冊等輕量輸出物，也會教大家如何將 Figma 製作好的檔案，透過免費軟體-Photopea 來調整輸出檔案的色彩樣式與解析度。
章節四：Figma 插畫設計實戰（4 個單元）
第四個章節會透過 4 個不同風格的插畫設計實戰來幫助大家了解 Figma 的進階應用，熟悉向量工具的使用方式，並透過詳細的教學步驟創作出屬於自己的向量插畫作品，未來不管是要接案或是販售素材都沒有問題！
章節五：Figma 網頁設計實戰（8 個單元）
第五章節會進到 Figma 最核心且最主要的介面設計，總共有 8 個單元，從網站設計流程基本介紹、Wireframe 繪製與後續的電腦版/手機板 mockup 製作，其中也會介紹 Figma 更進階的 Autolayout/Component 功能，有前面平面設計與插畫繪製的基本工具操作基礎，再循序漸進的練習到一頁式的網頁設計，也會透過電腦版與手機板兩個版本的製作，讓同學學習到跨裝置的介面設計製作方法。
章節六：Figma 補充資源
最後一個章節收錄的是課堂中沒有提到的外掛資源、更新功能，幫助學員學習 Figma 的路上能夠隨時補充相關知識，也不會因為軟體更新而錯失了學習的時機。
關於講師
大家好！我是圈外設計的 Chris，擁有 9 年以上的介面設計與視覺設計經驗，畢業於國立台灣藝術大學多媒體動畫藝術系，並於 2019 年創辦「圈外設計」個人品牌，致力於將難懂的設計知識製作成易懂的懶人包。
專注於介面設計、視覺設計與插畫，並於介面與視覺設計上致力進行教學。
講師經歷
2024~至今 赫綵電腦設計學院 教授平面設計（AI/PS）、設計提案
2025 Xplatform — UI/UX 新手速成修煉場
東吳大學—Canva 版面設計與 Figma 基礎入門工作坊
清水高中—Canva 簡報設計與 Figma 基礎入門工作坊
講師作品
學生課堂作品
回覆與作業設計
回答問題的頻率：於問題提交後三天之內回覆
批改作業與回饋：於作業提交後一週之內回覆
