Joanna Chang

Joanna Chang
【設計師的 AI 秘笈】全網最簡教學!用 Codex + Figma MCP 自動搭建設計系統與整理圖層

【設計師的 AI 秘笈】全網最簡教學!用 Codex + Figma MCP 自動搭建設計系統與整理圖層

每次整理 Figma 圖層、提取 Variables 或搭建設計系統,總覺得在做苦工嗎?這篇文章將手把手教你如何透過MCP ,把 AI 變成你的專屬設計助理!只要幾個簡單的步驟,AI 就能直接讀取你的 Figma 檔案幫你打理一切。文末更加碼分享如何用最省額度的方式與 AI 溝通,跟著教學一起解放你的設計生產力吧!

【設計師的 AI 秘笈】程式小白也能懂!用 Cursor 從零搭建專屬 Design System Skill,讓 AI 自動寫出完美 UI

【設計師的 AI 秘笈】程式小白也能懂!用 Cursor 從零搭建專屬 Design System Skill,讓 AI 自動寫出完美 UI

每次請 AI 寫網頁代碼,UI 的顏色和間距總是像「抽盲盒」一樣難以預測?其實,你只需要幫 AI 建立一份「專屬設計說明書」。這篇文章專為非程式背景的設計師與 PM 打造,將透過 3 個簡單步驟,教你如何利用 Cursor 的「Design System Skill 」,讓 AI 牢牢記住你的 Material Design 或 Figma 設計規範。告別反覆來回修改的痛點,新手也能讓 AI 一鍵產出完美對齊設計稿的網頁組件!

lock-1