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

Update style naming pattern to help designer work faster in figma #1

Closed beingminimal closed 2 years ago

beingminimal commented 2 years ago

Hello

Problem Current naming convention are good but it is not helping designer to recognise which style is for what. See the existing pattern of style names in figma in below image in which it will be harder to recognise style name and use.

Image01

Below view will not help because it will have long scroll due to both theme light and dark are inside one theme.

Image03

Solutions 01 - Change naming convention to support below image format

Image02

02 - Add support in figma plugin to create & maintain light theme and dark theme separately. As shown in below image.

Image 04

Awaiting response from team. Thank You.

rodydavis commented 2 years ago

With the latest version of Figma it should show the names a lot easier now. Please reopen if it is still an issue, but the names are needed for metadata.