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
363 stars 28 forks source link

Can a theme created in the Figma Material Theme Builder plugin be renamed or deleted? #90

Closed kintz09 closed 1 year ago

kintz09 commented 1 year ago

I've newly started using Figma with the Material Theme Builder plugin paired with the Material 3 Design Kit (Community) file to create a UI Library. I'm managing a few themes for the various products I am designing. I'd like my themes to be named for easy identification. I can do this, however, I don't love that the default theme still exists as it adds a lot of additional styles with similar names to sort through when selecting a style in Figma.

There's two solutions that immediately come to mind:

However, I haven't figured out how to do this. Can a theme be renamed or deleted?

margeeta commented 1 year ago

Thanks for using the theme builder and design kit! Yes, themes can be renamed and deleted after being created through the Figma styles panel on the right pane. To rename:

  1. Without anything on the canvas selected, double click the style group.
  2. This will convert the group name to an input where you can rename the style group.
  3. Repeat for each corresponding style grouping (type, etc.)
  4. The theme builder pulls the names from these groupings, so reopening should have the updated name within the dropdown theme menu.

To delete Similar to renaming, within the style panel, delete the style groups. When the theme builder plugin is reopened the theme will not appear. Screen Shot 2022-11-07 at 10 41 06 AM Screen Shot 2022-11-07 at 10 43 24 AM

kintz09 commented 1 year ago

Ah, well that makes sense. Thanks for the quick solution!