Skip to main content

​
Components outside the frame

Do not let your screen design components clutter out in the canvas.
Keep them all 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 unwanted components are outside the screen. This is the wrong design.
Try to remove such scenarios when preparing your design for Rocket.
Components outside of the screen frame in Figma

​
Exception for scrolling elements

For components like horizontal lists and horizontal scrolls, their scrolling elements can be kept outside the screen Frame.
All other components should remain inside the screen’s Frame.
Scrolling elements correctly placed outside the frame

Back to guidelines

See all design guidelines for preparing your Figma files.