Components outside the frame

Do not let your screen design components clutter out in the canvas.
Keep them all inside the screen’s Frame.
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

Remove components outside the screen frame

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

Scrolling elements outside the screen frame (allowed)

Why this helps Rocket

Keeping components inside Frames ensures your screens import cleanly.
The only exception is scrolling elements, which Rocket can handle outside the Frame.
Need help? We’re here for you.
Email us at support@rocket.new or join our Discord community to get help, share ideas, and connect with other creators.