在 pxCode 中從 Figma 建立頁面時，你現在可以自訂匯入行為，讓你更靈活地控制版面結構與 class name 的處理方式。本篇將詳細說明兩個新設定項目：

Figma layout setting

此設定會影響匯入後的元件結構

• Not keep：不保留任何群組或 Auto Layout，匯入結果最簡潔。
• Keep all layout：完整保留所有群組與巢狀結構。

<aside> ✅

建議選擇

Not keep – 大多數情況下，這能產生更乾淨、好管理的結構。

</aside>

Class name setting

此選項決定匯入後各區塊的 class name 來源。

• Auto rename class name：
  • 系統會自動產生簡潔好維護的 class name。
  • 系統會先自動命名，結構完成後可以套用 AI 命名，快速優化為更易懂的命名方式。
• Keep Figma name as class name：
  • 使用 Figma 原始圖層名稱作為 class name。

<aside> ⚠️

注意

若 Figma 的圖層命名不合法（不符合命名規則），pxCode 將自動改為使用 auto rename。

</aside>

<aside> ⚠️

注意

即使選擇保留命名，結構生成後的 AI 命名流程仍有可能修改 class name。

</aside>

使用方式

1. 依照正常流程將 Figma 檔案上傳到 pxCode。
2. 進入匯入後的 project 頁面。
3. 點擊 Create Page 建立頁面。