> ## 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.

# Get your Figma URL

> Copy the right Figma file or frame link to import your design 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 />

<Info>
  Rocket accepts two types of Figma links: a **full file URL** (for importing an entire flow) or a **frame URL** (for a specific screen). Both work the same way in Rocket - paste either one to get started.
</Info>

<Divider />

## Before you begin

<Info>
  **You will need:**

  * A [rocket.new](https://rocket.new) account.
  * A Figma account and a design file with **view or edit permission**.
</Info>

<Warning>
  **Prototype links are not valid.** Use the file or frame URL instead. Prototype links will fail to import.
</Warning>

<Divider />

## Method 1: Share the full file

Copy the URL in two ways:

* Copy the **browser URL** while viewing the file.
* Or, click **Share** then **Copy link** in Figma.

<Frame caption="Copy link for your full Figma file">
  <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/pLntWJzZ3SjUx1lc/images/build-docs/create/figma/get-your-figma-url/copy-link-light.webp?fit=max&auto=format&n=pLntWJzZ3SjUx1lc&q=85&s=31d6456db8d3cfd57bd28b2de6cf5268" alt="Copying Figma link" className="theme-image light-image" width="1942" height="1138" data-path="images/build-docs/create/figma/get-your-figma-url/copy-link-light.webp" />

  <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/pLntWJzZ3SjUx1lc/images/build-docs/create/figma/get-your-figma-url/copy-link-dark.webp?fit=max&auto=format&n=pLntWJzZ3SjUx1lc&q=85&s=c588e126fcc919b4447cd2a136e6f56f" alt="Copying Figma link" className="theme-image dark-image" width="1942" height="1138" data-path="images/build-docs/create/figma/get-your-figma-url/copy-link-dark.webp" />
</Frame>

<Check>
  **Success check:** You will see "Link copied!" in Figma.
</Check>

<Divider />

## Method 2: Share a specific frame

Copy a frame URL in two ways:

* Select the frame, then copy the **browser URL**.
* Or, right-click the frame and choose **Copy/Paste as > Copy link to selection**.

<Frame caption="Copy a link to a specific frame">
  <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/pLntWJzZ3SjUx1lc/images/build-docs/create/figma/get-your-figma-url/copy-link-selection-light.gif?s=9d005d6a2d8a0f683604b436da488205" alt="Copying link from frame" className="theme-image light-image" width="708" height="480" data-path="images/build-docs/create/figma/get-your-figma-url/copy-link-selection-light.gif" />

  <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/pLntWJzZ3SjUx1lc/images/build-docs/create/figma/get-your-figma-url/copy-link-selection-dark.gif?s=c6f733480f28a9c541894997f0de8750" alt="Copying link from frame" className="theme-image dark-image" width="708" height="480" data-path="images/build-docs/create/figma/get-your-figma-url/copy-link-selection-dark.gif" />
</Frame>

<Check>
  **Success check:** You will see "Link copied to clipboard" in Figma.
</Check>

<Divider />

## What's next?

<CardGroup cols={2}>
  <Card title="Create a web app" icon="globe" href="/build/create/figma/web-app">
    Import your Figma designs into a React or Next.js web app.
  </Card>

  <Card title="Create a mobile app" icon="mobile-notch" href="/build/create/figma/mobile-app">
    Generate a Flutter mobile app from your Figma screens.
  </Card>
</CardGroup>