設計資源
透過相同的函式庫,更有效率地進行設計與開發。
設計套件
Material UI 元件設計適用於 Figma 和 Sketch,為每個元件的所有狀態、變體和排列組合提供準確的呈現,並使用共通的術語。
設計套件包含超過 1,500 個獨特元素,旨在加速開發流程,並簡化設計師和開發人員團隊在使用此函式庫時的溝通。
Material UI Sync Figma 外掛程式
Sync 是一款 Figma 外掛程式,旨在幫助彌合設計師和開發人員在使用 Material UI 之間的差距。
它會產生一個主題檔案,您可以將其新增到您的程式碼庫中,其中包含來自 Figma 的所有設計令牌和元件自訂項目。您可以透過直接在外掛程式介面中嵌入的 Storybook 面板快速預覽所有變更。
Sync 目前為 Beta 版,並且在 Figma 社群中免費提供。您也可以前往 Sync 文件頁面以了解更多資訊。

第三方資源
UXPin
適用於 UXPin 的 Material UI:一個大型 Material UI 元件 UI 套件。此設計工具在網頁執行環境中呈現元件。它使用與您的生產環境相同的 React 實作方式。