material-foundation / material-theme-builder

Visualize dynamic color and create a custom Material Theme.
https://material-foundation.github.io/material-theme-builder/
Apache License 2.0
392 stars 27 forks source link

Updating color schema with "Material Theme building" -plugin #333

Open neo-xy opened 1 month ago

neo-xy commented 1 month ago

With now build in "Material design kit" library in figma how to updete the color schema of it with "Material theme builder" ? whatever I do I can not make it happen:/. (img for ref) Skärmavbild 2024-07-28 kl  09 12 28

fenta23 commented 1 month ago

Same here, i hit update, a lot of update toasts happen on the bottom

image

But nothing more. I'm using the playground file in the mac app.

margeeta commented 1 month ago

@neo-xy If using as a library (from the UI kits in the asset panel) you'll need to take a manual approach and set the component colors within the Selection colors. We're not able to access the library variable and styles directly to swap. Be careful going this route: updates from the library can override local changes. If using a duplicated version of the kit, you can still use the plugin and update the "M3" theme.

@fenta23 The playground file is still connected to styles. You'll need to manually connect the component(s) to the new theme or use the "M3" theme that is set up in the duplicated kit file. The plugin isn't able to swap between variable collections.

neo-xy commented 1 month ago

@margeeta ok, is it safe to say that in that case that it is not recomended (or/and not the best approach) to use UI kit (from asset panel) IF another "primary color" is used in the project? (just trying to figure out the best workflow with M3 in figma)