Skip to main content

Remove unused screens and layers

Do not duplicate previous screens when creating new ones.
Leftover components from duplicated screens inflate the generated code and cause confusion during import. Rocket treats every layer as intentional.
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

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.

Back to guidelines

See all design guidelines for preparing your Figma files.