這篇文章整理 0601 雙週分享的 5 個正式資源。 核心問題是：AI 能不能真的接進設計流程，而不是只停留在生成一張圖或看起來很酷的 demo。
指定 5 個資源
Claude Design + GPT Image2：從版型到素材的 AI 設計流程
這是一份以網站形式呈現的分享內容，主軸是用 Claude Design 建立版型，再由 Codex 與 GPT Image2 補內容與生成圖片素材。 對 AlleyPin 來說，它可以當成「AI 設計分享如何產品化成網頁文章」的範例。
- 示範 AI 生成後，設計師如何補上字體、對比、素材與最後判斷。
- 適合延伸成團隊內部教學：一份簡報也可以變成可閱讀、可保存的知識頁。
Higgsfield plugins for Adobe Premiere Pro and After Effects are live. Generate images, videos, and transitions. Drag them into your timeline.
— Higgsfield AI (@higgsfield) May 27, 2026
Higgsfield 插件進入 Premiere Pro / After Effects
Higgsfield 宣布 Adobe Premiere Pro 與 After Effects 插件上線，可生成圖片、影片、轉場，並處理改比例、去背、局部編修與 4K upscale。 這代表 AI 影像工具不再只是獨立網站，而是開始直接進入設計師既有的後製軟體。
- 對動態設計、社群短影音、提案影片後製很實用。
- 值得討論的是：當 AI 直接在時間軸上工作，設計師要保留哪些人工判斷？
凱文設計 Kevin Design｜設計 X AI 應用分享
用 GPT 做圖片分層與後製設計測試
用 GPT 拆解圖片元素，再回到設計工具組裝
這篇 Threads 以實測角度分享 GPT 圖片分層的設計應用：畫面要有明確可分層元素，AI 才知道怎麼拆； 生成後仍建議由設計師自行組合，並透過 Photoshop 或排版後製讓元素融合得更自然。
- 很適合作為「AI 不是一次到位，而是素材產線」的案例。
- 可延伸到品牌視覺、社群圖卡、提案頁面的分層素材製作。
theSVG：開源品牌 SVG 圖示庫
theSVG 是免費品牌 SVG 圖示庫，主打開源、社群維護、可在專案中使用且不需要標註來源。 對設計師與前端協作來說，它的價值是把品牌圖示變成可快速取用、可放進 Figma、VS Code、Raycast 與 npm 工作流的素材。
- 做簡報品牌牆、工具比較表、網站 Logo 區塊時，可以降低找圖與轉檔成本。
- 分享時提醒：品牌商標仍屬各自擁有者，正式商用前要確認使用情境。
abtest.design：從真實產品看 A/B 測試結果
abtest.design 收集一線 App 的 A/B test 結果，分類包含 paywall、onboarding、checkout、retention、referral 等。 它不是單純靈感站，而是讓設計決策多一層「曾經被驗證過的行為證據」。
- 適合拿來討論產品頁、付費牆、註冊流程與留存設計。
- 可提醒團隊：別直接照抄 uplift 數字，要先看產品脈絡與使用者情境。