Cover Image for Flash Lesson 02|AI 設計工作流實戰:從一個網址,AI 自動生成 Figma Design System 與作品集網站
Cover Image for Flash Lesson 02|AI 設計工作流實戰:從一個網址,AI 自動生成 Figma Design System 與作品集網站
Avatar for AIPost Academy Calendar
AI郵報的AMA、Workshop、線下小聚日曆
Hosted By

Flash Lesson 02|AI 設計工作流實戰:從一個網址,AI 自動生成 Figma Design System 與作品集網站

Virtual
Get Tickets
Welcome! Please choose your desired ticket type:
About Event

「在技術普及前先行攔截。丟掉手動拉 Variables 的設計工,讓 AI 把靈感直接變成 Figma 設計系統 + 上線網站。」

現正開放早鳥優惠 NTD.300(僅限 5/21 12:00 前)。週四中午過後將恢復標準價格NTD.500。名額有限,額滿將提早關閉報名入口。

⚡️ 本次 Flash Lesson 重點

這不是一堂單純介紹 AI 工具的課,而是一場 60 分鐘的 AI 設計工作流實戰。我們將示範如何把設計系統建置從「設計師手動拉 Token」轉向「AI 全自動產出」

很多人做作品集,最痛苦的不是沒靈感,而是看到一個喜歡的網站後,要花好幾天手動拆解它的色票、字體、間距,再一個一個建成設計系統,最後還要從零刻網站。

但如果一個你喜歡的網站,可以被 AI 解析、轉成規範、自動建成 Figma 設計系統,再直接長出一個能 build 的作品集網站,整個流程就會完全不一樣。

這場會帶你認識 Aura.build + Claude Code + Figma MCP 的設計系統工作流:從貼上一個網站 URL 開始,讓 AI 產出 design.md,再交給 Claude 自動建立 Figma Variables、Text Styles、頁面結構與綁定 token 的元件,最後生成一個 npm run build 的 Next.js 作品集網站。

我們會完整示範這條路徑:任意網站 → design.md → Figma 設計系統 → 作品集網站,全程 AI 驅動。

☝️你會學到:

  1. 如何用 Aura.build 解析任意網站,自動產出 design.md(色碼/字體/間距/圓角/元件邏輯)

  2. 如何用 Claude Code + Figma MCP 自動建立完整設計系統(Variables Text Styles 元件)

  3. 為什麼 design.md 是關鍵橋樑——讓視覺語言變成 AI 可讀、可執行的規範

  4. 如何用同一份 design.md 自動生成 Next.js 14 + Tailwind 作品集網站

    這不是一場單純的工具教學,而是一次新的設計生產方法示範。

🚀 為什麼你該搶先參與?

  1. 最新設計工作流首發:AI Design Workflow 正在重新定義設計流程,從網站解析、Design System 建立到作品集開發全面自動化,大幅減少手動拆解與重複建置時間。

  2. 限額入選: 為確保 QA 品質與技術傳輸效率,本場活動採 限額報名,額滿即關閉。

  3. 課後素材包: 報名者將獲得本次示範的相關課程素材包,讓你即刻上手。

⚠️ 購票須知與條款 (付費前請務必閱讀)

  1. 不接受退款: 本活動為數位內容分享與即時線上交流,一旦報名付款成功後,恕不接受任何理由之退款申請。請在付費前確認您的時間安排與設備環境。

  2. 版權聲明: 本活動之所有內容(包含影片、直播內容、講義、教材與模板)版權均屬 AI 郵報 (AIPost) 所有。嚴禁進行錄影、轉載、公開播送或任何形式之商業轉售行為。

  3. 觀看權限: 報名者將獲得本場活動之『回放觀看權限』,連結將於活動結束後另行通知。

[ 立即搶先報名 Flash Lesson 02 ]

Avatar for AIPost Academy Calendar
AI郵報的AMA、Workshop、線下小聚日曆
Hosted By