> ## Documentation Index
> Fetch the complete documentation index at: https://docs.rocket.new/llms.txt
> Use this file to discover all available pages before exploring further.

# Unwanted components

> Remove duplicate and unused Figma screens before import in Rocket.new's Figma-to-code pipeline.

export const LlmsDirective = () => <blockquote className="llms-directive">
    For the complete documentation index, see <a href="/llms.txt">llms.txt</a>.
    For a lightweight markdown version of this page, append .md to the URL.
  </blockquote>;

<LlmsDirective />

## Remove unused screens and layers

Do not duplicate previous screens when creating new ones. A common mistake is placing a rectangle over an old screen, duplicating it, and adding new components on top - leaving all the original components buried underneath. This creates unnecessary clutter that Rocket treats as intentional design.

<Warning>
  Leftover components from duplicated screens inflate the generated code and cause confusion during import. Rocket treats every visible layer as intentional.
</Warning>

<Frame caption="Incorrect: duplicating a previous screen">
  <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/pLntWJzZ3SjUx1lc/images/build-docs/create/figma/figma-design-guidelines/unwanted-components/duplicate-screen-example.webp?fit=max&auto=format&n=pLntWJzZ3SjUx1lc&q=85&s=a49ff8de9a27428945e2622bede8a489" alt="New screen created by duplicating old one in Figma" className="theme-image" width="1888" height="910" data-path="images/build-docs/create/figma/figma-design-guidelines/unwanted-components/duplicate-screen-example.webp" />
</Frame>

<Divider />

## Best practice

Only keep screen designs that are meant to appear in the app. Delete everything else before importing.

<Divider />

<Card horizontal title="Back to guidelines" icon="arrow-left" href="/build/create/figma/figma-design-guidelines/overview">
  See all design guidelines for preparing your Figma files.
</Card>
