Every time I go to do some prototyping in Figma, I encounter a new bug or problem that causes me to spend hours trying to understand why it is happening and figuring out a workaround.
The latest is I have a button component nested in another component combined with other components into a form layout. The button has variants and nested components for icons, style, and state. I am trying to attach a variable to the state so that when clicked it will switch from default to disabled (So that people will perceive that it can no longer be clicked). As soon as I set the State to use a variable it breaks the button variant Style so that the hover and disabled states do not retain the overrides.
This is amongst several other issues including having the theme mode flash in the default theme (Dark instead of Light mode) for interactive components, and the infamous color change for instance swaps on nested components. And then to still not have proper drop-downs and actual text inputs or a table component just makes Figma a tedious tool.
I am at the point where I cannot trust Figma for prototyping. All the new features and functionality have made things very unstable for prototyping and I am having to revert to detaching instances and breaking things back to the basics to get them to work. Which defeats the purpose of things like variables, and instance swaps.
