Creating multi-variant components
You need a component with multiple variants.
Using variables to set component state
You then need to sync response data with a variable that the component uses to set it’s variant state.
Basics
Working with components
Make components in your design respond to AI
AI-responsive components provide a powerful way to see how your product responds to both users and AI.
Learn more about components by reviewing Figma’s documentation.