Use frames and layers
Understand how frames and layers work together, and how to create multi-layer compositions.
Before you start
- An open board.
What are frames and layers?
A frame is a container node that holds other nodes as layers. Think of frames like groups — layers are the children. Tools like Animate require frames with at least 2 layers.
How to create a composition
There are two main ways to get a multi-layer frame:
- Ask the agent — describe the composition you want. For example: "Create an ad with the title 'Summer Sale' and a product image, with a gradient background." The agent builds a frame with text, shapes, images, and other elements as separate layers.
- Import from Figma — export a frame from Figma using the Kyoso plugin on the Figma marketplace. The exported frame arrives on the board with its layers intact, ready for editing or animation.
The agent reads the frame structure — it knows which nodes are layers inside which frame.
Tips
- The more layers in a frame, the more animation possibilities you have.
- You can ask the agent to add, remove, or rearrange layers within an existing frame.