- Use slashes to group: button/primary, button/secondary.
- Name states after what users see: hover, pressed, disabled.
- Agree the names with your developer once, then reuse them everywhere.
Name layers the way developers will
Layer names like button/primary/hover become component and variant names. Your handoff gets easier.