跳到内容

🚀 影响 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 上预览您的更改

在内置的 Storybook 预览实例上快速可视化您通过 Sync 运行的所有更改。
The Material UI Design Kit for Figma.The Material UI Sync plugin displaying theme code.

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

还有很多工作要做,我们期待听到你们所有人的反馈。


常见问题

我们认为您会喜欢我们目前构建的组件,但我们计划发布更多。我们一有有用的东西就立即开放,以便您可以立即开始从中获得价值,并且我们将根据我们自己的想法以及早期访问客户的建议添加新功能和组件。

购买的许可证数量必须与 24 小时内同时工作的编辑器的最大数量相对应。编辑器是指为使用设计套件的设计屏幕贡献更改的人员。查看设计不需要许可证。

当有新版本可用时,我们会向您发送电子邮件。您可以在 下载 页面访问该项目,并在本页面的“更新日志”选项卡下找到更改的详细描述。

不。我们仍处于 alpha 模式,并根据您的反馈逐步推出更多功能。不过,我们未来可能会推出付费层级。

是的。 我们为授权给学生、教师、非营利组织和慈善实体的所有产品提供 50% 的折扣。此特殊折扣不能与任何其他类型的折扣结合使用。要获得折扣资格,您需要向我们发送一份文件,明确表明您是相关机构的成员。在大多数情况下,一封来自您带有签名的官方帐户的电子邮件就足够了。有关如何获得折扣资格的更多信息,请联系销售部门。

还有未解答的问题或需要更多帮助吗?

从社区帮助到高级业务支持,我们随时为您提供帮助。

联系销售

社区

加入我们的 全球社区

没有我们全球贡献者社区,Material UI 将不可能实现。立即加入我们,在您需要时获得帮助,并在您力所能及的时候伸出援手。