> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kinemation.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# ⭐Workflow

> In this section we will cover the features of Magic Blending.

## Blend Sliders

The **Magic Blend Asset** uses 3 main sliders to control the animation blending:

<Frame caption={"Weight sliders."}>
  <img src="https://mintcdn.com/kinemation/MwuYlII5X7NMKvR6/images/magic-blend/62b871f1eee6c9d9f373.png?fit=max&auto=format&n=MwuYlII5X7NMKvR6&q=85&s=33f0af0e403a82bd2112ef835192da18" alt="" width={421} data-path="images/magic-blend/62b871f1eee6c9d9f373.png" />
</Frame>

**Base Weight** controls a blend between Animator and Magic Blend pose. If set to zero, the Animator will be fully used, if set to 1 - the overlay pose will fully override this bone chain.

**Additive Weight** controls the dynamic additive influence. If set to zero, no additive is applied, if set to 1 - it will be added to the overlay pose.

**Local Weight** overrides everything with the overlay pose. It is only useful for fingers or hands. If set to zero, it will not be applied, and if set to one - it will fully override the bone chain with the overlay pose.

There are no restrictions on what sliders to use and how. You need to tweak the settings and see what works best for your character pose.

## Animation States

It is possible to bind **Magic Blend Assets** to a specific animation state in your controller. To do so, click on the desired state and add a **Magic Blend State**:

<Frame caption={"Blend State component."}>
  <img src="https://mintcdn.com/kinemation/MwuYlII5X7NMKvR6/images/magic-blend/cb36a8619464c2c92e34.png?fit=max&auto=format&n=MwuYlII5X7NMKvR6&q=85&s=8b51e855674862b4780d0696c6e4a8a7" alt="" width={236} data-path="images/magic-blend/cb36a8619464c2c92e34.png" />
</Frame>

Now, assign the blend asset, and the system will automatically sync it with the rest of the animator controller:

<Frame caption={"Choose your asset here."}>
  <img src="https://mintcdn.com/kinemation/MwuYlII5X7NMKvR6/images/magic-blend/911524e379e6d5aff388.png?fit=max&auto=format&n=MwuYlII5X7NMKvR6&q=85&s=f698e4d57144211c921b790d6fb09a67" alt="" width={415} data-path="images/magic-blend/911524e379e6d5aff388.png" />
</Frame>

<Tip>
  **Tip:** you can add multiple empty states to your animator, and set up transitions between them. You don't have to specify the animation clips, as they will be supplied from the selected Magic Blend Asset.
</Tip>

This is a very simple way to integrate the **Magic Blending** with your project without modifying the code. However, sometimes we run into situations when it is vital to change a **Magic Blend Asset** in runtime.

## Code Integration

You can swap **Magic Blend Asset** by simply replacing the asset in the inspector. If you want to do a similar thing in the code, here is how you can achieve that:

That is it! Now you know how to fully use **Magic Blending** in your project.