你是否也曾陷入這種困境？在 Figma 雕琢了精美的作品集，最後卻只能截圖放上 Behance 或 Notion，讓創意永遠停留在靜態稿；想嘗試 Wix 等套版工具，卻被困在僵化的公版框架裡，處處受限；而使用 AI 生成網頁，成果往往像在碰運氣，難以精準傳達你對細節的堅持與品味
這場工作坊，就是為了讓你找回網頁設計的「主權」而生我們將透過 Framer 這款當前最直覺的 No-code 工具，教你如何像在 Figma 繪圖一樣自由，卻能產出 100% 真實上線的網頁。不教深奧的程式碼，也不靠隨機的 AI 咒語
這堂課會幫你理解為什麼 AI 網頁生成工具（如 Claude Design、Google Stitch）適合拿來做靈感探索與快速草稿，但真正要完成一個兼顧美感、互動、響應式與正式上線需求的作品集網站或品牌網站，仍需要回到設計師可精準掌控的工作流程
👩🏻💻 特別適合
- 想建立個人作品集網站，但不會寫程式的設計師或轉職者
- PM、行銷、自由工作者等需要個人品牌網站的非工程背景人士
- 適合有 Figma 使用經驗的 UI/UX 設計師（課程中不包含 Figma 教學）
在 120 分鐘的實戰中，我們將一起解決設計師的三大挑戰：
1. 從靜態稿到真實網站：
你的設計不該只活在 Figma 裡。用 Framer 從空白畫布開始，親手把設計變成一個能上線的網站。2. 不寫程式也能完整掌控：
間距、排版、字級、配色，每一個細節都由你決定，不再被模板框架綁住，也不用靠 AI 碰運氣。3. 賦予作品靈魂：
精準掌控每一個動畫與轉場，用互動細節展現你的設計品味。
Framer 不只是一個工具，而是讓每個有創意的人，都能讓想法真正落地、被看見。不需要程式背景、只要你對設計有想法、對細節有堅持，就能親手把它變成一個真實存在的網站。2 小時後會帶你完成一個上線的作品集網站，以及一套能跟著你走下去的網頁設計思維。不論未來工具怎麼變，這份能力都會留在你身上
Framer 實作工作坊
📅 工作坊時間
2026 / 5 / 26 (二) 20:00-22:00 (19:55 開始入場）
📌 工作坊形式
此為設計技能培訓系列/中文講解工作坊
- 課程安排：觀念講解 50% ＋ 實作練習 50%
- 課程形式： 線上 Google Meet
- 課程人數： 10 人開班
🛎 活動流程
Part 1. 觀念建立
- AI 時代為什麼設計師值得學 Framer
- Framer 特色功能介紹
Part 2. 實作工作坊
- 基礎結構搭建：快速熟悉介面邏輯，建立響應式頁面結構
- 建立元件系統：設定 Component，學會省時省力的設計方法
- 串接內容資料庫：用 CMS 管理作品，讓網站好更新、好維護
- 設定互動效果：不用寫程式碼，輕鬆加入各種動畫效果，幫作品集大加分
- 一鍵發布上線：設定網域與基礎 SEO，馬上擁有自己的公開網站
Part 3. 學習資源介紹、Q&A
👍 課程產出
- 一個真實上線的作品集網站：不是靜態稿、不是 AI 隨機產出，是你親手雕琢每個細節、有公開網址、能直接放進履歷的網站。
- 設計到上線一手包辦：不用等工程師開發、不用交付切圖，你在 Framer 裡做的設計就是最終成品。
- 網頁設計思維：理解排版邏輯、元件化設計、響應式佈局等核心概念，不只學會一個工具，而是學會怎麼思考網頁設計。
🎁Bonus 報名就送！
免費 30 分鐘一對一 Framer 諮詢
課後可預約線上諮詢，針對你實作卡關的地方給予個別協助
📋 課前準備
- 註冊 Framer 帳號 請至 framer.com 註冊免費帳號並完成登入，確認可正常進入編輯畫面。
- 準備作品素材 請事先準備好 3 個作品的以下內容：
- 作品封面圖
- 作品名稱
- 一段簡短的作品描述
- 準備一張個人照片 用於作品集「關於我」區塊，大頭照或半身照皆可。
- 硬體與環境
- 請使用電腦或筆電參加（Framer 不支援手機或平板操作）
📣 參加方式
非會員請由 Accupass 完成購票報名，UXY 會員經認證後可享有報名折扣
🎫 購票資訊
- 早鳥 $850
- 一般票 $900
- UXY 會員免費報名
‼️ 提醒事項
- 🎥 工作坊會錄影，將於工作坊結束後三天內透過活動通寄送到報名者信箱，上課後 30 天內看回播複習，
- 本活動委託 ACCUPASS 代為處理退款，詳見平台 FAQ
有任何問題歡迎回信到 team@uxy.design 也可以到 UXY Discord 找 Evelyn｜課程營運
關於講者
青魚 Cyan
視覺設計師，大約一年前開始接觸 Framer，從好奇到著迷，現在已用它完成多個網站作品，享受在 Framer 自由創作的掌控感。
工作之餘經營「Framer 築者基地｜Framer Builder Base」，透過文章分享學習過程、開設 Framer 交流群組，也提供一對一的 Framer 諮詢服務，陪伴更多設計師跨入網頁設計領域。相信設計師不需要寫程式，也能做出有溫度、有細節、能自主維護的網站。
關於 UXY
UXY 是一個設計職涯加速器，專注於幫助轉職的自學設計師建立 UX 設計思維，並為軟體新創公司提供彈性的遠端設計支援服務。我們提供線上學習工作坊，並與業界設計導師和企業合作夥伴共同協作，協助設計師成長、創造科技職涯和理想生活，同時也幫助新創企業在設計上解決挑戰並加速發展。
加入成為 UXY 會員方案「探險家 & 深修者」兩種方案給想要持續學習的你
會員專享每月業師交流、季度技能工作坊、線上讀書會等等，歡迎加入 了解 UXY 會員方案！
你有在接案嗎？歡迎至 UXY Linkedin 了解更多！
有任何問題請加入 UXY Discord 社群，我們會盡快回覆你。
追蹤最新動態：Instagram｜Linkedin｜Facebook｜Medium
