Moonshot AI Designer home page
Search...
⌘K
Get plugin
Get plugin
Search...
Navigation
Basics
Working with components
Documentation
Support
Product info
Getting started
Introduction
Quickstart
Basics
Defining schemas
Making requests
Syncing with text nodes
Syncing with variables
Working with components
Working with auto layout
Tutorials
Simple app
User personas
AI chat
On this page
Creating multi-variant components
Using variables to set component 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
.
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.
Syncing with variables
Working with auto layout
Assistant
Responses are generated using AI and may contain mistakes.