Schooler
AI網頁設計Recraft
影音課程

AI網頁設計Recraft

4 小時學會Recraft AI＋Figma工作流，快速打造網站 Icon、按鈕與UI元件設計

#Recraft #AI 設計 #Figma #UI 元件
NT$3,500 NT$6,000
優惠價 免費試看

課程資訊

課程時數

4 小時

課程堂數

共 4 堂

菜鳥救星線上真人課程簡介

 

為什麼要學？

生成式人工智慧（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 實作的完整設計流程。

 

誰適合學

  • 網頁設計新手： 想踏入 UI/UX 領域，需要一套有系統的 Figma 實戰與元件觀念教學。
  • 社群小編與行銷企劃： 苦於找不到合適圖示，想用 AI 快速產出專屬高畫質素材，提升行銷視覺質感。
  • 前端工程師： 希望了解 Figma 元件與 Auto Layout 設計邏輯，降低與設計師的溝通成本。
  • 自由接案者： 想導入 AI 自動化流程，用最短時間產出客製化 icon 組合，提升設計接案的產能與利潤率。

 

課程優勢

亮點一：結合最夯 AI 趨勢

  • 不只教設計工具，更結合 Recraft AI 與 ChatGPT，將 AI 融入實務設計工作流。

亮點二：零基礎友善，手把手教學

  • 從軟體註冊開始手把手帶領，步驟清晰，讓非設計科系、無繪圖軟體經驗的初學者也能輕鬆上手。

亮點三：業界實務規範導入

  • 課程非紙上談兵，直接導入真實 UI/UX 開發必備的「圖示網格規範」與「Auto Layout」技巧，學完即戰。

亮點四：系統化元件庫觀念

  • 從零打造 Component 與 Variants，徹底解決未來網頁版面反覆修改的痛點，建立高效率的協作模型。

 

關於師資

講師介紹

林亮偉 / 亮亮老師

經歷

◆ 工作經驗
現任聯成電腦專任講師與明知設計工作室專案經理。擁有豐富的教育訓練專案、商業設計、CIS 企劃以及 UI/UX 網站規劃實務經驗。同時擔任各大專院校業界講師。老師深知初學者的學習痛點，擅長將複雜的軟體操作與 AI 應用轉化為淺顯易懂的流程，致力於幫助學生用最高效的方式產出專業級的視覺作品。