跳至內容

🚀 影響 MUI 2025 年的路線圖!參與最新的 開發者問卷 →

設計套件

Material UI
在您愛用的
設計工具中

選擇您愛用的設計工具來享受和使用 Material UI 組件。在與開發人員合作時,提升一致性並促進溝通。

Spotify logoSpotify logo
Amazon logoAmazon logo
Apple logoApple logo
Netflix logo
X logo
Salesforce logo

世界上最優秀的產品團隊信任 MUI,為開發人員和使用者提供無與倫比的體驗。


協作

使用相同的程式庫,更有效率地設計和開發

為設計師

節省時間設定 Material UI 組件,並充分利用您愛用的設計工具的最新功能。

為產品經理

使用來自您實際產品的組件,快速組合想法和高擬真模型/原型。

為開發人員

輕鬆地與設計師溝通,使用圍繞 Material UI 組件屬性和變體的相同語言。


設計套件

提升您的 設計工作流程

設計套件包含許多 Material UI 組件,具有狀態、變體、顏色、排版和圖示。

組件

品牌

圖示

更多內容
Material UI Button component variations in the Figma Design Kit.Material UI Alert component variations in the Figma Design Kit.Material UI Slider component variations in the Figma Design Kit.

適用於

Figma logo.Sketch logo.

我們會頻繁更新它們,以保持與最新版本同步。


Beta 版適用於

開發人員和設計師更快交付產品的方式

Sync 外掛程式非常適合使用 Material UI React 程式庫和設計套件進行設計和開發。

主題自訂

產生具有自訂顏色、排版樣式、陰影、間距值和邊框半徑的主題程式碼。

組件自訂

完全自訂跨多個狀態的組件設計,然後產生對應的主題程式碼。

在 Storybook 上預覽您的變更

快速視覺化您透過 Sync 在內建 Storybook 預覽實例上執行的所有變更。
The Material UI Design Kit for Figma.The Material UI Sync plugin displaying theme code.

立即取得 Material UI Sync 的 Beta 版本!

還有很多工作要做,我們期待收到各位的回饋。


常見問題

我們認為您會喜歡我們目前建置的組件,但我們計畫發布更多組件。我們在擁有有用的東西後立即開放它,以便您可以立即開始從中獲得價值,我們將根據我們自己的想法以及搶先體驗客戶的建議,新增新功能和組件。

購買的授權數量必須對應於 24 小時內同時工作的編輯器最大數量。編輯器是指對使用設計套件的設計畫面貢獻變更的人。檢視設計不需要授權。

當新版本可用時,我們會向您發送電子郵件。您可以存取商店帳戶的 下載頁面上的項目,並在本頁的「變更日誌」標籤下找到變更的詳細描述。

否。我們仍處於 Alpha 模式,並根據您的回饋逐步推出更多功能。不過,我們未來可能會推出付費方案。

是。 我們為授權給學生、講師、非營利組織和慈善實體的所有產品提供 50% 的折扣。此特殊折扣不得與任何其他類型的折扣合併使用。若要符合折扣資格,您需要向我們發送一份文件,清楚表明您是相關機構的成員。在大多數情況下,從您的官方帳戶發送的帶有您簽名的電子郵件就足夠了。如需更多關於如何符合折扣資格的資訊,請聯絡業務部門。

還有任何問題未解答或需要更多協助嗎?

從社群協助到優質企業支援,我們隨時為您提供協助。

聯絡業務部門

社群

加入我們的 全球社群

如果沒有我們全球貢獻者社群,Material UI 就不可能實現。立即加入我們,在您需要時獲得協助,並在您有能力時伸出援手。