# PSD to Godot

Import a layered PSD or PSB into VberAI Studio and export a Godot scene.

## TL;DR: 3 steps

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

A `.fig` instead: [Figma to Godot](/docs/convert/figma-to-godot/). A flat PNG that still needs layers: [PNG to PSD](/docs/convert/png-to-psd/).

## Step 1: Open the layered PSD

Keep named groups (frames, buttons, HUD bars). Those names carry through into Studio and the Godot node tree.

![Layered PSD of the Main Screen UI](/images/psd-to-godot/psd_to_godot_step1_psd_file_.webp)

## Step 2: Import PSD/PSB

In Studio choose **Import → PSD/PSB**.

![Studio Import with PSD/PSB](/images/psd-to-godot/psd_to_godot_step2_import_psd_.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/psd-to-godot/psd_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/psd-to-godot/psd_to_godot_step4_export_config_.webp)

## Walkthrough video

PSD/PSB import and Godot export:

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