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

# How to export design to Figma / MasterGo

> Export your Readdy website designs to Figma and other design tools to continue editing in your preferred design environment

<Info>
  Export Current Page State to Figma Canvas (What you currently see) — including any interactive or dynamically changed content — directly into design tools.
</Info>

## Export Process

<Frame>
  <img src="https://mintcdn.com/readdy/nqmPdjxjPI7bzvIQ/images/export-to-figma.png?fit=max&auto=format&n=nqmPdjxjPI7bzvIQ&q=85&s=bff95d07057ddbedade1d6768cd2c072" width="1590" height="796" data-path="images/export-to-figma.png" />
</Frame>

Click the **Export** Button. Then:

### For Figma

<Frame>
  <iframe width="100%" height="400" src="https://www.youtube.com/embed/3cN-STSq-qs?si=EkCmiksuqci5qvDU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />
</Frame>

<Steps>
  <Step title="Install the Figma Plugin">
    Make sure you have the Readdy Figma plugin installed in your Figma workspace. You can find it here: [Readdy Figma Plugin](https://www.figma.com/community/plugin/1485938516254474618/readdy)
  </Step>

  <Step title="Paste in the Figma Plugin">
    Open the Readdy plugin in Figma and paste the copied design data directly into the plugin interface.
  </Step>
</Steps>

### For MasterGo

**Paste in the Canvas**\
Simply paste the copied design data directly onto your canvas using Ctrl+V (or Cmd+V on Mac).

## FAQ

<Accordion title="Why my design only have one page or status after export?">
  Export Current Page State to Figma Canvas (What you currently see in your eyes) — including any interactive or dynamically changed content — directly into Figma.

  1. Trigger the state of the page to the state you want to export, such as when a pop-up appears or when the second tab is selected.
  2. Click the **Export** Button
  3. Click **Copy**
  4. Paste

  Now, the exact UI state as seen on the page can be exported into Figma.
</Accordion>

<Accordion title="Why can't export the whole interactions or prototype to Figma / MasterGo?">
  Because their canvas is static canvas, they can't play the prototype or interactions.
</Accordion>