首页
/ 【亲测免费】 Material Theme Builder:可视化动态色彩,打造自定义Material主题

【亲测免费】 Material Theme Builder:可视化动态色彩,打造自定义Material主题

2026-01-29 12:19:52作者:舒璇辛Bertina

1. 项目基础介绍

Material Theme Builder 是由 Material Foundation 开发的一个开源项目,旨在帮助设计师和开发者探索动态色彩的无限可能,协调品牌色彩,并提供类型尺度。该项目主要使用 JavaScript 编程语言开发,通过Web界面和Figma插件两种方式提供用户服务。

2. 项目核心功能

  • 动态色彩可视化:Material Theme Builder 允许用户通过上传图片或选择预设颜色,来预览和生成基于用户设备壁纸的动态色彩方案。
  • 自定义主题创建:用户可以自定义色彩方案,包括主色、次色、辅助色和中性色等,以适应Material Design 3的新色彩系统。
  • 代码导出:支持将自定义的主题导出为代码,方便在项目中直接使用。
  • Figma插件:提供Figma插件,使得在Figma设计过程中可以直接应用和调整主题。

3. 项目最近更新的功能

  • 基于色调值的表面:最新更新引入了基于色调值的表面,这些不再是只读覆盖层。推荐用户尽快迁移到新的表面标记。
  • 固定的强调色:添加了一组新的颜色,这些颜色在浅色和深色主题中都将保持一致。
  • 修复功能:如果使用以前生成的色彩方案,可以修复主题或创建新主题以获取新的颜色标记。
  • JSON导入:允许通过相同名称的JSON导入,更新主题值,方便在文件之间以及Web和Figma之间迁移主题。
  • 颜色样式属性导出:现在可以导出颜色样式属性,意味着可以在样式属性中设置确切的颜色值,并导出到主题文件中。
登录后查看全文
热门项目推荐
相关项目推荐