Variant layer names in the format Prop=Value (e.g., State=Selected) work correctly and are reflected in the "Current variant" panel. However, simply clicking into the layer name field to select/focus it — with no actual edit — and then clicking away causes Figma to throw:
"This layer has an invalid name. Make sure that all variant names are of the form: Prop=Value, Prop=Value, …"
After this happens, the "Current variant" panel's State dropdown shows "—" (empty/unset) instead of the correct value.
Steps to reproduce:
- Open a component set with a variant layer named in valid format, e.g.,
State=Selected(property recognized correctly, shown in Current variant panel as State: Selected). - Click on the layer name in the Layers panel to select/focus it (do not type or change anything).
- Click away, back onto the canvas.
- Error appears: "This layer has an invalid name…" and the Current variant panel now shows State: "—".
Expected behavior:
Clicking into a layer name field without making changes should not alter or invalidate the variant property.
Actual behavior:
The act of focusing (and possibly blurring) the name field alone is enough to break the variant parsing — no text change required.
Notes / things to check:
- Suggests the name field's blur/commit handler may be re-serializing or re-validating the name incorrectly, stripping or misreading the
Prop=Valuestructure even when untouched. - Confirmed happening on a single-property variant (
State=Selected), so this isn't limited to multi-property names likeState=Default, Color=Blue.
