<aside> 💡 To achieve the best results, ensure that you only use supported features.

</aside>

  1. Layer Preservation: Do not remove any layers to prevent rendering issues. Make sure all layers are present in every frame in the same order. Work your way backwards from the final frame by hiding and moving layers. Don’t delete any layers within a frame. Hide them or set their opacity to 0 instead.

  2. Inadequate Bounding Box Size Ensure that the bounding box for text or elements is sufficiently large to prevent clipping. Expand the bounding box without altering the component's size to avoid clipping of any parts, especially arrows.

  3. Unsupported Features:

  4. Text/Number Layer Modifications: Altering the text copy within the same layer may lead to improper rendering. A workaround is to create two text layers and toggle their visibility based on which frame they should appear. Ensure that all layers maintain the same order for optimal results.

  5. Rotation: To achieve 360-degree rotations, please use the rotation value of 179.9 to -179.9

  6. Gradient Fill Compatibility:

    When applying linear or radial gradients, ensure consistency across all frames. This helps maintain the integrity of the gradient fill during the conversion process.

  7. Smart animate support:

    While the plugin offers Smart Animate functionality, it may not currently support all its features. To understand the extent of supported features, please check out this list of supported features.

🔽 Here is a sample Figma file to get you started.

https://www.figma.com/file/2lUSwCT0AMLUlqTwjQveG9?embed_host=notion&kind=&node-id=0:1&t=mIcPhF6jYdlUG3jO-1&type=design&viewer=1