# Toggle

In order for a Toggle from Figma to be imported to Unity automatically, certain rules apply when designing a toggle in Figma.

<figure><img src="/files/cxvN3S5ngyc3ujSH3lZw" alt="" width="375"><figcaption><p>A toggle component set in Figma</p></figcaption></figure>

### Unity Importer Plugin

In order for Figma Importer to understand which component it is trying to convert a figma node to a Unity UI element, Component Type from Unity Importer plugin must be selected as desired component type. "Toggle" component type should be selected when designing a toggle.&#x20;

### "State" variant

Toggles have 4 states: Default, Hover, Press, Disabled. These states must be designed as variants of a toggle component in Figma. The variant name in Figma must be "State" otherwise the importer won't be able to identify it.&#x20;

### "Checked" variant

Toggles have 2 condition: On or Off. Checked variant is used with combination of State variant. So, a variant of a Toggle component set may be: Default, Checked On. The variant name in Figma must be "Checked" otherwise the importer won't be able to identify it.

{% hint style="info" %}
The hierarchy of child nodes of a component set's variant must be the same for each and every one of them.&#x20;
{% endhint %}

<div><figure><img src="/files/82Pm7GHE1SGgr6rmfr0q" alt="" width="372"><figcaption></figcaption></figure> <figure><img src="/files/gXTWsU0rL08Y4HslYYuU" alt="" width="228"><figcaption></figcaption></figure></div>

{% hint style="info" %}
Keep in mind that components & component sets are never imported to Unity, only instances of them are imported.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://cdmdocs.gitbook.io/unity-figma-importer/components/toggle.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.