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 與作品集網站

Zoom
Get Tickets
Registration Closed
This event is not currently taking registrations. You may contact the host or subscribe to receive updates.
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