作品集
設計師怎麼展示 AI 能力。24 個實例、10 種做法。資料日期 2026-09-29。
作品集資料載入失敗
怎麼做你的作品集
Fintech 和 loyalty 的 Staff 設計師，會用 code 出貨原型，做工具讓設計團隊變快，設計 AI 能讀懂的系統。
只放 3 個案例，每個 20 分鐘講得完
| 案例 | 講什麼 | 證明什麼 | 對應範本 |
|---|---|---|---|
| IKEA Family Credit Card | 價值主張、14 個市場驗證、英國 pilot、benefit 四類定案 | 策略、研究、跨市場、有數字 | 出貨作品加數字（主管排第 1） |
| Market Page Generator 加 golden set | 團隊瓶頸、做了產生器、用 golden set 和評分表驗品質、前後時間 | 為團隊做工具，加 evals | Ian Guisard 的 uSpec |
| Agent ready design kit | fs-design-kit 加 Figma MCP 加 Skapa，讓 agent 照系統做，有幾個元件幾條規則 | 系統思考，AI 可讀 | Alex Chiu 的 agentic design system |
再加兩頁
- 「我怎麼用 AI」一頁：Claude Code、Figma Make、MCP 各做什麼、哪些我決定、一次失敗（例如 Make 貼回洗掉手機版）。
- 「我做的東西」一排：這個職涯研究網站、hsuan-mcp、HC Copilot app、FIRE 計算器、podcast 管線。一行一個加連結。這排證明你真的天天在做。
舊作只留一個
IKEA 中國廚房設計工具，到店 +15.6%、訂金 +23%。
形式
- 私人網站，跟 ai-notebook 同一套做法，用 code 寫，不公開，面試時開。
- 三個案例各配 3 到 5 分鐘影片。
- 全部假資料。IKEA 那兩個工具先書面問主管。
你比別人強的
evals 你已經有了（golden set 加 review-notes 評分），只差寫出來。agent 可讀系統你也有了。這兩個是 JD 裡最少人有的。
你沒有的
上線的生成式 AI 產品。不用硬湊，講成「我設計 AI 在裡面工作的系統」。
結論
你要做的三件事
不要做的
主管看什麼
想看的 10 項
10 個紅旗
8 種展示方式
051015
24 個實例
10 種做法：做 6、選配 1、不做 3
| 做法 | 白話 | 你 | 怎麼做 |
|---|---|---|---|
| 可互動原型 | 一個能點能跑的假產品，不是 Figma 稿 | 做 | 用 Claude Code 把 generator 改成假資料版，放 GitHub Pages。開頭一行寫「資料是假的」 |
| GitHub repo | 把原型的程式放上 GitHub，README 寫它做什麼、怎麼跑 | 做 | 跟原型一起。README 三段：問題、我做了什麼、怎麼跑。一張截圖 |
| AI 產品案例 | 一篇「我怎麼設計一個會自己做事的 AI 功能」：什麼時候要問人、錯了怎麼辦 | 不做 | 你沒有出貨的 AI 產品，硬寫會像學生概念稿 |
| Evals | 一頁「怎麼判斷 AI 做得好不好」：評分表、測試情境、跑一輪的分數 | 做 | 用 golden set 那個專案。評分表 5 條、情境 20 個、一張前後分數表 |
| 我怎麼用 AI | 一頁講你的工作流：哪些 AI 做、哪些你決定、一次失敗 | 做 | 半天寫完。300 字加 3 張圖 |
| 給 agent 讀的設計系統 | 讓 AI 照你的 design system 畫圖的規則和工具 | 選配 | fs-design-kit 加 MCP 的 demo。要先問 Ingka |
| 內部工具 | 你做給團隊用的工具，講省了多少時間 | 做 | Market Page Generator 通用版。前後時間一個數字 |
| 影片 | 3 到 5 分鐘螢幕錄影，邊做邊講 | 做 | 每個案例一支。QuickTime 錄，不剪 |
| 寫文章、演講 | 公開寫觀點 | 不做 | 主管看作品不看文章。你不需要 |
| AI 生成視覺 | 用 AI 畫的圖放作品集 | 不做 | 看起來像 AI 預設樣式會扣分 |
一句話：做 6 個，選配 1 個，不做 3 個。全部加起來 4 到 6 週。