Figma 讓合作更緊密

藉由 Figma 即時同步，團隊成員可以共同參與，隨時跟進進度與提供回饋。一個健康的產品團隊需要設計與開發緊密協作，互相理解與回饋。合作能力從「初學者」到「專家」是一段逐步成長的旅程。

透過本系列對 Figma 的介紹與實際案例的分享，我們希望幫助大家思考如何更好地開展合作流程，並應對可能遇到的挑戰。深入了解前端與設計的思維，能幫助工程師和設計師更好地理解彼此，提升合作效率。

從猴子到高手：設計師與前端工程師的合作之路

Wireframe 用於定義架構與需求，Prototype 模擬互動效果，UI Mockup 展示設計表現，UI SPEC 提供開發團隊具體的設計細節。

在系列的一開始，我們分享了 Wireframe -> Prototype -> UI Mockup -> UI SPEC 這段設計師的基本產出流程。透過分享每個階段不同的目標，讓工程師們可以理解如何與設計師們溝通設計交付。

（圖片來源：Basic UI/UX Design Concept Difference Between Wireframe, Prototype, and Mockup）

不僅有效還要高效：將設計語言與程式邏輯融合

在進入開發階段時，我們更強調設計師和工程師之間的共情與理解。把設計語言轉化為開發邏輯確實是一個困難的挑戰，但透過使用 UI Library 和 Pattern，能更高效地進行設計和切版。我們也分享了如何「翻譯」設計師的語言與後端規格，使專案中的不同角色達成共識，進而減少誤解與返工的機會。

（恭喜欄位系列在合作的工程師間包攬最愛文件的前三名獎項）

帶著這些學到的經驗，應用這些技巧到下一個專案中吧！繼續在 Figma 和開發之間探索更多創造的可能性，讓工作既有趣又充滿挑戰！