AI
ai
e
LM Studio 模型部署與工作流實戰
AI應用規劃師-圖像生成設計
AI
ai
e4 小時學會Recraft AI＋Figma工作流，快速打造網站 Icon、按鈕與UI元件設計
菜鳥救星線上真人課程簡介
為什麼要學？
生成式人工智慧（AIGC）的爆發正重塑數位視覺設計的產製生態。懂得運用 AI 工具產出素材，並結合 Figma 等主流 UI 軟體進行系統化設計，已成為當今企業爭相競逐的核心職能。然而，許多初學者或設計新手常面臨以下學習痛點：
- 🚫 找不到合適的去背素材，網路上免費 icon 總是畫質不佳又容易撞圖。
- 🚫 想要自己畫圖示，但不會 Illustrator 等專業繪圖軟體，無從下手。
- 🚫 知道 AI 生成很夯，但生成的圖片總是隨機、無法保持系列風格的一致性。
- 🚫 網頁按鈕與元件設計缺乏標準化，導致畫面風格雜亂無章。
- 🚫 介面設計效率低，反覆複製貼上，沒有建立 Figma Component (元件) 的觀念。
這門影音課程將從 Recraft AI 算圖產出 SVG 開始，結合 ChatGPT 提示詞優化，最終導入 Figma 建立網頁組件，帶你突破設計瓶頸，手把手教到會，打造屬於自己的自動化視覺產線！
學習完後，你能獲得……
- AI 幾何風格 Logo: 使用Recraft生成適合圖標設計的向量圖示。
- 功能性 Icon 組: 完成 5 個一致風格的網站功能圖標。
- 網頁 UI 按鈕設計: 製作多種網頁按鈕樣式與互動變體。
- UI 按鈕元件庫: 建立一套包含3 種功能圖標、2 種按鈕樣式、可重複使用的 Component 系統。
- AI × Figma 工作流能力: 建立從 AI 生成到 UI 實作的完整設計流程。
課程大綱
學習目標：認識 Recraft AI 介面與基本操作，掌握 AI 向量算圖的底層邏輯。
- 單元1：Recraft AI 帳號註冊與介面導覽
- 單元2：英文提示詞策略與負面提示詞應用
- 單元3：音樂播放器標誌實戰：向量圖示生成與去背
- 單元4：Adjust Colors 色彩調整與局部細節優化
作業
- 使用 Recraft AI 產出一組自己專屬的品牌 Logo (需包含去背與 SVG 匯出)。
學習目標：結合 ChatGPT 優化提示詞，精準控制並產出系列風格一致的圖示。
- 單元1：確保 AI 生成圖示風格一致的實務技巧
- 單元2：五大網頁常用圖示生成：首頁、帳戶、點讚、分享、收藏
- 單元3：ChatGPT 協作提示詞反向解析與優化
- 單元4：點陣圖轉向量 (Vectorize) 與 SVG 格式匯出
作業
- 利用 ChatGPT 輔助，精準生成 5 個系列風格完全一致的網頁 Icon。
學習目標： 熟悉 Figma 操作環境，並建立業界標準的圖示網格與母元件。
- 單元1：Figma 註冊、基礎介面與圖層管理
- 單元2：建立標準 24x24 圖示網格規範與輔助線
- 單元3：SVG 匯入、對齊、尺寸鎖定與節點 (Anchor) 調整
- 單元4：Icon 母元件 (Main Component) 建立與資料夾命名邏輯
作業
- 在 Figma 中完成 5 個 Icon 的標準化圖示元件庫。
學習目標：掌握 Auto Layout 排版邏輯，完成具備互動狀態的 UI 按鈕群組。
- 單元1：Auto Layout 自動排版原理與 Padding 間距設定
- 單元2：製作圖示按鈕 (Icon Button) 與標準按鈕 (Standard Button)
- 單元3：元件變數 (Variants) 設定：Active 觸發狀態與 Disabled 不可點選狀態
- 單元4：按鈕群組 (Button Group) 組合與自適應手機寬度調整
作業
- 完成一組包含 Hover 與 Disabled 狀態的底部導航按鈕列 (Tab bar)。
誰適合學
- 網頁設計新手： 想踏入 UI/UX 領域，需要一套有系統的 Figma 實戰與元件觀念教學。
- 社群小編與行銷企劃： 苦於找不到合適圖示，想用 AI 快速產出專屬高畫質素材，提升行銷視覺質感。
- 前端工程師： 希望了解 Figma 元件與 Auto Layout 設計邏輯，降低與設計師的溝通成本。
- 自由接案者： 想導入 AI 自動化流程，用最短時間產出客製化 icon 組合，提升設計接案的產能與利潤率。
課程優勢
亮點一：結合最夯 AI 趨勢
- 不只教設計工具，更結合 Recraft AI 與 ChatGPT，將 AI 融入實務設計工作流。
亮點二：零基礎友善，手把手教學
- 從軟體註冊開始手把手帶領，步驟清晰，讓非設計科系、無繪圖軟體經驗的初學者也能輕鬆上手。
亮點三：業界實務規範導入
- 課程非紙上談兵，直接導入真實 UI/UX 開發必備的「圖示網格規範」與「Auto Layout」技巧，學完即戰。
亮點四：系統化元件庫觀念
- 從零打造 Component 與 Variants，徹底解決未來網頁版面反覆修改的痛點，建立高效率的協作模型。
講師介紹
林亮偉 / 亮亮老師
經歷
◆ 工作經驗
現任聯成電腦專任講師與明知設計工作室專案經理。擁有豐富的教育訓練專案、商業設計、CIS 企劃以及 UI/UX 網站規劃實務經驗。同時擔任各大專院校業界講師。老師深知初學者的學習痛點，擅長將複雜的軟體操作與 AI 應用轉化為淺顯易懂的流程，致力於幫助學生用最高效的方式產出專業級的視覺作品。
Q&A
可以。完成購買並成功付款後，系統完成開通即可登入會員帳號，進入「我的課程」開始觀看影音課程。建議購買後確認登入帳號是否與購課帳號相同，以免找不到課程。
可以。影音課程影片於平台上架留存期間，學員皆可不限次數重複觀看。你可以依照自己的學習進度安排時間，針對不熟悉的章節反覆複習，讓學習更有彈性。
*依專案不同，觀看期限可能有所調整，菜鳥救星保留修改權益之權利。
*依專案不同，觀看期限可能有所調整，菜鳥救星保留修改權益之權利。
可以。只要使用可連接網路的手機、平板或電腦，登入會員帳號後即可觀看課程。若課程內容需要同步操作軟體，建議使用電腦觀看與練習，學習效果會更好。
可以。同學可以在課程留言板詢問老師問題，或是加入line帳號：@lccedu，小編會協助同學詢問老師！
可以。完成購買後，平台會依訂單資訊開立電子發票，並寄送至購買時填寫的 Email 信箱。若有統編、抬頭或發票資訊需求，建議在付款前確認資料是否填寫正確。
注意事項
- 收到款項後，若不克參加申請退費，請參閱退費規則。
- 本課程結合講師職場實務經驗傳授，習者請反覆演練運用，並配合上課作業實作。
- 課程執行單位保留調整課程內容、日程與講師之權利。
課程留言板
優惠價
NT$3,500