TL;DR

Figma to Cocos Creator fits a layered .fig UI or HUD that needs to land in Cocos Creator as a scene. VberAI Studio imports the file, then exports to Cocos Creator 3.x. Cursor or Codex fills in the UI logic. Build in Cocos Creator; preview opens as a local web page.

Step 1: Save a local .fig

In Figma, open the screen and use File → Save Local Copy.

Pixel-art game UI in Figma: File menu with Save Local Copy highlighted

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

Step 3: Export and preview

Select the screen (for example Main Screen). Open Export and choose Export to cocosCreator3.x.

Main Screen selected and Export to cocosCreator3.x highlighted

Wire the UI logic in Cursor or Codex. In Cocos Creator, Build the project; preview opens in a local web page.

Local web preview of the built Cocos Creator Main Screen

Walkthrough video

Step-by-step pass from Figma through Studio into Cocos Creator: