AIDesign - AIFra

Framer立即AI生成網頁與設計網頁

Web Design with Framer AI
  • 時數:21小時
  • 費用:NT$ 18,000
  • 點數:5.5

選擇查詢分區開課時間

地點 班號 日期 時間 預約
台北 26914 班 2026/04/15 ~ 2026/04/17 每週三四五 09:00~17:00 預約

目前查無開課時段

詳細開課時間請洽詢業務
新竹、台中、高雄如有上課需求,請參考台北開課日期,洽當地服務人員依需求加開遠距開課日期

聯絡恆逸

教材

優勢精選教材

課程目標

你有沒有過這種經驗?腦袋裡有一幅絕美的畫面,但一碰到架站軟體,那些生硬的區塊和死板的設定,瞬間澆熄了你的創作慾望。
我們認為,架網站不該是「組裝零件」,而應該是「自由繪畫」。Framer AI 就是那支能聽懂你心聲的魔法畫筆。這門課不教你怎麼當工程師,而是教你如何當「總指揮」。無須網頁任何相關基礎,你只需要學會如何與 AI 對話,那些排版、RWD手機版介面、甚至美感配色,AI 通通幫你代勞。
在這裡,技術不再是阻礙美感的牆:
【從文字到視覺的驚艷跳躍】:告訴 AI 你想要的氛圍,看著色彩與字體如煙火般綻放。
【像做簡報一樣簡單】: 如果你會用 PPT,你就能在
Framer 裡揮灑創意。那些滑順的轉場、動人的微互動,都不再需要求人。
【打造你的數位藝廊】: 你的作品集、你的文字,值得擁有一個像精品店一樣的家。
【我們會一起完成】:學習如何在 AI 生成的基礎上,加入你獨一無二的靈魂印記網頁。 讓網頁元素隨著滑鼠游標翩翩起舞,給訪客一場視覺盛宴。

適合對象

創業者、PM、行銷人、設計師、文字創作者

課程內容

1. 介面介紹與基本工具
1-1 向量形狀工具 Vector
1-2 文字工具 Text
1-3 重複使用與套用

2. 畫布與編排區塊
2-1 圖片與影片工具
2-2 編排區塊工具
2-3 響應式設計 Breakpoints
2-4 Frame 與 Layout 編排

3. 元件狀態 Components
3-1 建立元件狀態 Components
3-2 元件狀態 Components 與編排

4. 利用內建素材快速建構網頁
4-1 插入編排元件
4-2 其他內容素材
4-3 導覽列
4-4 連結與動態效果

5. 免費模版與整合 Figma 設計內容
5-1 Framer AI 產出網頁
5-2 如何使用免費模版快速搭建網站
5-3 免費版型與元件
5-4 免費 Framer 元件資源推薦

6. 動態效果 Effects
6-1 動態文字效果
6-2 動態頁面效果
6-3 動態元件效果
6-4 動態捲動效果

7. 發佈網站 Publishing

學會技能

課程結束後,即可擁有可立即分享瀏覽的網站,也能獨立完成網頁設計、編輯與製作

備註事項

學生優惠價:參加校園IT職涯學習護照方案,享有5折優惠價