# Figma to Godot

Save a local .fig, import it into VberAI Studio with Import Project, then export a Godot scene.

## TL;DR: 3 steps

**Figma to Godot** fits a layered `.fig` UI or HUD that needs to land in Godot as a scene. [VberAI Studio](https://vberai.com/studio) imports the file, then exports to **Godot**. Export writes a `.tscn`; default paths follow Godot’s `Assets` layout.

A layered Photoshop file instead: [PSD to Godot](/docs/convert/psd-to-godot/).

## Step 1: Save a local `.fig`

In Figma, open the screen and use **File → Save Local Copy**. Named groups (frames, buttons, HUD bars) carry through into Studio and the Godot node tree.

![Pixel-art game UI in Figma: File menu with Save Local Copy highlighted](/images/figma-to-godot/figma_to_godot_step1_save_local_copy_.webp)

## Step 2: Import Project in Studio

On the Studio projects page, choose **Import Project** and select the `.fig` file.

![Studio Recent Projects with Import Project highlighted](/images/figma-to-godot/figma_to_godot_step2_import_project_.webp)

## Step 3: Export to Godot

Select the screen (for example **Main Screen**). Open **Export** and choose **Export to Godot**.

![Main Screen selected and Export to Godot highlighted](/images/figma-to-godot/figma_to_godot_step3_export_into_godot_.webp)

In the dialog, set format to Scene (`.tscn`). **Default paths** looks up the project’s `Assets` folder and writes into that layout.

![Godot export dialog: Scene .tscn and default asset paths](/images/figma-to-godot/figma_to_godot_step4_export_config_.webp)

## Walkthrough video

Figma **Import Project** and Godot export:

<figure class="video-embed">
  <div class="video-embed-frame">
    <iframe
      src="https://www.youtube-nocookie.com/embed/gySFjmNcec4"
      title="Figma to Godot via Import Project"
      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
      allowfullscreen
    ></iframe>
  </div>
</figure>