Importing as Scenes
Import a top-level frame in Figma as a scene in ProtoPie while keeping the same name. It's possible to import one or multiple top-level frames as scenes at once. Importing top-level frames as scenes is based on Figma's layer hierarchy.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/459a45e87d90d2f3c87a496576a5a1ad52263698-2895x1596.png/image.png)
Importing Objects
Import objects with the same layer hierarchy, positioning, and constraints as in Figma. It's possible to import one or multiple objects at once. Whatever is not a top-level frame would appear as a layer or container in a scene.
Components and component instances in Figma are imported as containers. Convert them to components to keep them as components in ProtoPie. Learn more about components.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/31ba42fc1056387a6220ff330497a244be16ff84-1450x800.png/image.png)
Importing as SVG
Import vector layers in Figma as SVG (Scalable Vector Graphics) in ProtoPie. To make their properties editable, just convert them to shapes after importing. ProtoPie does not support all SVG properties yet. Learn more about SVG layers.
Importing Text Layers
Import text layers in Figma as SVG in ProtoPie. To make their properties editable, convert them to text layers after importing. Learn more about text layers.
Importing Interactions
Import your prototypes’ interactions between frames from Figma to ProtoPie without any hassle.
ProtoPie automatically converts the interactions between frames in Figma into Jump responses upon importing. You no longer need to recreate transitions between scenes in ProtoPie before adding more complex interactions.
If your frames include any Smart Animate transitions, ProtoPie would import these as Jump responses with Smart transitions.
Learn more about the Jump response.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/ab7a7fe2a0f51a0faafcb3b9009f51c5fe32d38e-1792x1120.gif/Import-from-Figma.gif)
Reimporting
Generally, reimported frames and objects from Figma would replace what was imported before. However, there are some exceptions to consider.
- If you changed some properties of an imported object in ProtoPie, reimporting would not affect this particular object.
- If you changed the layer hierarchy after importing, reimporting would not affect this adjusted layer hierarchy. For example, you added an imported layer to a newly created scroll container.
- A deleted imported layer would not be reimported, unless you select only this specific layer in Figma and import this into ProtoPie.
- If you want to have duplicates of a scene or object, just import it once and duplicate it. For example, you want a top-level frame from Figma as 2 scenes in ProtoPie. Import this once and duplicate the scene to create a second one.