Naming things is notoriously hard, but it's a skill you need to master to make reusable things. You name things that repeat. Think of function names in JavaScript, class names in object-oriented languages, or component names in Figma.
Ideally we shouldn’t have to name things that are never reused. Often class names are only ever used once. There isn’t much benefit in naming the class.
Yeah, this is exactly my point. I still need to name my reusable components, but I don’t need to name every single html element I want to style.
You only need to name the top-level element. Others can be styled with CSS selectors. Nesting is supported with Lightning CSS today.
Tailwind lets you stick to just naming your components, don't bother trying to give names to all the re-usable sets of styles
Oh, hey, look! A name!
You can still name things in Tailwind + React (create a new component or variant), what changes is that if I need to add a 10px margin on the right I don't have to create a new component (like when using styled components), I simply override `className` and move on.
as a designer, ability of naming thing is extremely crucial regardless of how hard it is. As you mentioned figma, I agree that not just the components, but also frames should be named properly.