TL;DR

Figma to Godot fits layered UI or HUD files—.fig or PSD/PSB—that need to land in Godot as a scene. VberAI Studio imports the design, then exports to the engine. This pass uses Godot as the target.

Import either as PSD/PSB or as a Figma project. Export writes a .tscn; default paths follow Godot’s Assets layout.

Step 1: Locate the Figma file

Open the layered Figma file for the screen. Named groups (frames, buttons, HUD bars) carry through into Studio and the Godot node tree.

Pixel-art game UI in Figma: Main Screen frame with HUD, reward panel, and named layers

Step 2: Import into VberAI Studio

PSD/PSB. Export the Figma file as a layered PSD, then in Studio choose Import → PSD/PSB.

Layered PSD of the same Main Screen UI

Studio Import with PSD/PSB

Figma project. On the Studio projects page, choose Import Project and select the .fig file.

Studio Recent Projects with Import Project highlighted

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

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

Walkthrough videos

PSD/PSB import and Godot export:

Figma Import Project and Godot export: