> ## 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.
# Overview
> Figma best practices for preparing files before import in Rocket.new's Figma-to-code pipeline.
export const LlmsDirective = () =>
For the complete documentation index, see llms.txt.
For a lightweight markdown version of this page, append .md to the URL.
;
The cleaner your Figma file, the better your generated app. Follow these guidelines before importing to avoid common issues and get production-ready results right away.
## Guidelines
Follow the complete set of best practices to prepare Figma files for Rocket.
Organize related elements into groups or components for cleaner imports.
Design overlays (like modals) clearly so Rocket imports them as separate layers.
Combine vector layers into single groups to avoid messy outputs.
Keep all design elements inside their screen frame.
Use proper masks so images render as intended.
Remove hidden layers that could cause broken layouts.
Delete placeholder or unused layers before importing.
Resize text boxes so Rocket matches your intended layout.
## What's next?
Your designs are ready. Import them into a web app.
Your designs are ready. Import them into a mobile app.