No-Code小聚 五月場| Figma MCP 工程師與設計師的全新協作
本月的小聚我們將聚焦在mcp如何改變傳統的產品開發流程，以及如何透過mcp技術消除工程師和設計師在合作上的障礙。
MCP (Model Context Protocol） 是一個能讓AI對接到外部資料的一個全新技術，本次講座的主題會圍繞在 Talk to Figma 這個MCP上，展示怎麼透過MCP讓Figma繪製設計稿或理解設計稿，與大家一同交流專案中實作的可能性。
本次小聚一如既往地維持技術友善、實作導向的精神，不只講者分享的所有講題都是從自身專案的真實經驗做出發，分享內容也會盡量照顧到所有不同角色的夥伴，讓大家即便沒有工程基礎也可以順暢的參與活動！
🙌 在這場活動中，會有...
實作經驗分享｜FIGMA MCP 設計稿生成
講者將示範如何透過 Talk-to-Figma MCP，讓 AI Agent 能夠正確讀取設計稿中的元件結構、設計元素與 Design Tokens 等規範。這段分享將聚焦在如何優化設計稿，使其更容易被 AI 工具正確理解與轉譯，提升設計到開發的轉換效率。
實作經驗分享｜透過FIGMA MCP 與 Cursor自動刻Flutter UI Component
講者將進一步分享，使用Cusror 與 Figma MCP 整合，將 Figma 設計稿上的Component自動生成Flutter UI程式碼，透過Live Demo形式Step by Step展示Vibe Coding的魔力。
實作 X 現場交流｜
*建議在活動前就預先安裝mcp，在實作環節也能更快進入狀況。詳細教學可以參考 : 安裝教學
⁉️ 設定 Cursor MCP 遇到問題 ? 現場也會有工程夥伴協助你解決安裝上的問題與除錯。
🛸 這場活動適合什麼人？
UIUX設計師 - 對 MCP 技術、AI 工具導入流程，以及如何與工程師更順暢協作有興趣的設計師們
工程師 - 想了解如何使用 MCP 工具，將設計稿快速轉換為前端程式碼，優化切版流程與開發效率的工程師
PM產品經理 - 對 AI 協作式產品開發流程感興趣，想從實作角度了解設計轉工程的運作方式，並希望透過社群交流找尋實作夥伴的人。
🗓️ 活動時間： 2025/05/22 (四) 19:30 - 21:30
📌 活動地點： 暫定 / Monospace | 台中大道 1602A (臺中市西區臺灣大道二段2號16樓之2)
✳️ 報名方式：ACCUPASS 報名
＊本活動因有實作環節，故建議攜帶電腦，現場會有延長線與插座提供充電
期待跟您的交流 !
主辦單位：No-Code Designers
協辦單位：Monospace
活動常見QA
1. 活動會有回放嗎？
不會喔～目前活動還是以實體小聚為主，為確保現場參與者的參加品質，暫不提供線上參與或回放的形式。
2.這場活動是講座嗎？
本場活動主要是著重交流的小聚形式，會由幾個講者快速分享不同的主題、以及分組實作的環節。講題的分享都從講者自身的經驗出發，分享這些新工具在工作上的應用。不會深入到太多Step by step的詳細步驟或是非常高深的工程理論。
✨ 流程比例上大概是50%分享：50%交流
3. 我對AI技術沒概念可以參加嗎？
本場活動會圍繞在資訊/軟體產業相關的議題下去進行，如果你是數位產品相關的從業人員，想更進一步的找人交流或看看同業的工作者怎麼使用這些工具，即便沒有 AI 基礎這也會是一個適合的活動！
如果你不是相關產業人員或沒有相關經驗，在主題的參與上可能會有些吃力。可以自行評估是否參與本次活動喔！
