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
357 stars 24 forks source link

Figma native color variables Question #279

Open RoxanneGux opened 2 months ago

RoxanneGux commented 2 months ago

Hiya! I have a pretty large set of color variables in the design system I work on. I have primitives and semantics sets of color variables. The semantic variables alias the primitives. The semantics are categorized into components, i.e, buttons, tables, fields, etc/

A developer I am working with is building out all our components for Storybook. The components are angular Material Design components (latest build)

He wanted to use MD design themes, but ..... we have all these color tokens (variables). What do you suggest?

I exported a JSON for him of all our color variables, but how would these color variables work with MD themes? Would I have to use the builder plug in to build out a MD theme for EACH component (buttons, fields, etc?). Can I use the builder plug in and give it the JSON file to spit out themes? Can I use the builder plug in to select component variants and spit out a button theme? I can't seem to get it to do that. It seems very manual to me.

Thanks for any help / advice you can offer.

Best, Roxanne