Interview frequency: …
Short answer
Use Auto Layout to simulate programmatic Flexbox, and use component properties (Boolean, Text, Instance Swap, Variant) to reduce duplicate component versions and keep designs aligned with code.
Explanation
Designers used to copy hundreds of combinations of a button to cover icon, size, and state options. With modern Component Properties, create a single component with a Boolean property to show an icon, a Text property to change the label, and a Variant for size or theme. Auto Layout automatically expands or contracts buttons and cards when text changes, closely simulating web and mobile behavior.
Common mistakes
- Using regular Groups instead of responsive Auto Layout Frames to build components.
- Exploding the number of variants into dozens of similar items instead of using smart component properties.