Using Style Designer and Tweener Together:
1. Add Style Designer to your page for creating unique animation styles.
2. Open it and start setting the style of your element(s) like movement, color, rotation, and more.
3. Once done, open the Tweener to turn the static style into animation.
4. Set default animation options like duration, easing function, and looping in Tweener.
5. Use the Create action in Tweener to build animations. One tweener can create many animations.
6. In Create action, use the style you made in Style Designer as Start or End style. Or use two different styles for both Start and End.
7. Set animation options in the Create action like duration and easing function.
8. Tweener will now animate the style as you set.
9. Test your animation and adjust as needed.

Using the Solo Animator:
1. Add Solo Animator to your page from elements.
2. It has two features: Dynamic Interacting and Solo Interacting.
3. Use Dynamic Interacting for animations with changing parameters, like moving an element with user finger movement.
4. Set up this animation and use dynamic expressions for property fields and type of linking.
5. Choose a mode:

• 🚀 Active: Applies changes instantly without transitions, like a real-time mirror.
  
• 📸 Passive: Sets the frame style once during page load.
  
• 🎡 Animation: Turns the "Quick Frame" into a full animation with options like duration and easing function.
  

6. Use Solo Interacting for simple button animations with user clicks.
7. It makes animations easily in one step by combining styles and tweens.