​
Play with what is really needed

Do not duplicate previous screens when creating new ones. Sometimes while designing a new screen, a rectangle is placed over the old screen and duplicated to create a new one.
This leaves all the components of the previous screen inside the new one, along with the new components.
It is a bad practice that creates unnecessary clutter in your design.
New screen created by duplicating old one in Figma

Incorrect: duplicating a previous screen

​
Best practice

Avoid duplicating screens when starting new designs.
This will affect your workflow in Rocket when converting your design to code.
Only keep screen designs that are meant to be displayed in the app.
Remove everything else.

Why this helps Rocket

By keeping only the components and screens you actually need, Rocket can generate code cleanly and without misidentification issues.
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.