# Figma sang Godot

Lưu bản .fig local, nhập VberAI Studio bằng Import Project, rồi xuất thành scene Godot.

## Tóm lại: 3 bước

Logic chính của **Figma sang Godot**: với UI / HUD file `.fig` đã tách lớp, xử lý art hàng loạt rồi nhập vào Godot dùng như scene. [VberAI Studio](https://vberai.com/studio) nhập file bằng **Import Project (nhập dự án)**, rồi xuất sang **Godot**. Xuất ra `.tscn`; đường mặc định ghi theo thư mục `Assets` của Godot.

Đã là file Photoshop tách lớp: [PSD sang Godot](/docs/convert/psd-to-godot/).

## Bước 1: Lưu một bản `.fig` local

Trong Figma, mở menu: **File (Tệp) → Save Local Copy (lưu bản local)**. Nhóm đã đặt tên (khung, nút, thanh HUD) sẽ theo sang VberAI Studio, và vào cây node Godot.

![UI game pixel Figma: menu File tô sáng Save Local Copy](/images/figma-to-godot/figma_to_godot_step1_save_local_copy_.webp)

## Bước 2: Import Project trong VberAI Studio

Ở trang dự án của VberAI Studio, chọn **Import Project (nhập dự án)**, chọn file `.fig` vừa xuất từ Figma.

![VberAI Studio Recent Projects, tô sáng Import Project](/images/figma-to-godot/figma_to_godot_step2_import_project_.webp)

## Bước 3: Xuất sang Godot

Chọn màn này (ví dụ **Main Screen**). Mở **Export**, chọn **Export to Godot**.

![Main Screen đã chọn, tô sáng Export to Godot](/images/figma-to-godot/figma_to_godot_step3_export_into_godot_.webp)

Trong hộp thoại đặt định dạng Scene (`.tscn`). **Default paths** tìm thư mục `Assets` trong dự án, rồi ghi file theo bộ thư mục đó.

![Hộp thoại xuất Godot: Scene .tscn và đường tài nguyên mặc định](/images/figma-to-godot/figma_to_godot_step4_export_config_.webp)

## Video hướng dẫn

Figma **Import Project**, rồi xuất sang Godot:

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