Skip to main content

​
Keep components inside the frame

Do not let design components sit on the canvas outside their screen frame. All elements must be placed inside the screen’s Frame.
Elements placed outside the frame are ignored during import and may cause visual gaps or missing content in the generated app.
In the example below, some components are outside the screen frame. Rocket will skip them during import, causing gaps in your generated app. Remove them before importing.
Components outside of the screen frame in Figma

​
Exception: scrolling elements

For horizontal lists and horizontal scrolls, the scrolling content can extend outside the screen Frame. All other components should remain inside the frame.
Scrolling elements correctly placed outside the frame

Back to guidelines

See all design guidelines for preparing your Figma files.