When viewing an icon in Dev Mode, the name shown at the top of the right panel is the layer name, unlike when viewing in Design Mode, where it’s the name of the icon. That’s fine when the icon layer hasn’t be renamed. However, in a design system, the layers are usually renamed (e.g., in a button component, you might have layers for “leading icon” and “trailing icon” rather than the default icons of “calendar” and “chevron-right”).
Other methods for seeing the actual icon name in Dev Mode are finicky.
- You can click “Explore component behaviour” and it will show the name, but it truncates after a certain length with no way to see the full name.
- You can click “Export” and it will then show the “Assets” section with the full name, but there doesn’t appear to be a way to make the Assets section always show up, so it’s an annoying extra step.
