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.

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.