Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Animating nested layers in your banner frames - By default, Bannerify only loads the direct child layers from your Figma banners into the timeline, but you can also include nested child layers when needed, too.. Machine-readable page: /bannerify/design/nested.md.

Animating nested layers in your banner frames

By default, Bannerify only loads the direct child layers from your Figma banners into the timeline, but you can also include nested child layers when needed, too.

To choose which layers in your banner frame you'd like to expand and load into your Bannerify timeline as animatable layers, you can click on the List icon button at the top of your banner in the timeline, then click on the Arrow icon next to any layers with child layers to expand or collapse them as needed.

Closing this panel will automatically refresh your banner to reveal all of the nested children you exposed in your timeline as new individual layers in your timeline.

Bannerify also supports Figma slot layers inside your banner frames. These slot containers are treated like nested layer groups in the Bannerify layer picker, and start expanded by default the first time Bannerify loads them so their child layers are immediately available in your timeline. If you manually collapse one of those Slot layers, Bannerify will remember that preference for later refreshes instead of forcing it open every time.

Alternatively, you can specify which layers should be expanded (to load their nested children into the timeline) by adding [expand] to the parent layer name, without needing to use the nested user interface in the plugin, described above.