Figblox Docs

Import Process

Preview first, then confirm merges and new layers.

Preview first

  1. Copy the JSON from the Figma plugin.
  2. Open the Roblox plugin.
  3. Paste the JSON.
  4. Click Import.

The first click opens Preview. Preview is the source of truth before anything is created or updated.

  • [+] New layer
  • [~] Changed in Figma
  • [=] Already in sync

Layers

In Preview, the list is labeled Layers (this section used to be called Preview States).

Selection: there is no separate Select control. Click a row’s layer name to select it in the preview.

Anchor point: each row includes a text box for x,y anchor values (for example 0.5,0.5 for centered anchoring). Edit the box to tune how Figblox aligns that layer relative to its parent.

Anchor fields are synced to current Studio values. Changing AnchorPoint keeps the element visually in place instead of shifting it unexpectedly.

Manual Assets

The old Inspector slot is now Manual Assets. It lists ImageLabel and ImageButton nodes from the selected ScreenGui so you can paste missing or externally uploaded rbxassetid values per image.

Review the tree, then click Confirm.

What Confirm does

When you confirm an import, Figblox now handles the normal tool chain automatically.

  • It imports or merges the JSON.
  • It links images when matching assets are available.
  • It applies aspect handling.
  • It applies To Scale.
  • It applies Lock Text.
  • It applies Lock Stroke.

Re-importing

After making changes in Figma, export again, paste the new JSON into the Roblox plugin, click Import to open Preview, then click Confirm.

  • If everything shows [=], nothing meaningful changed.
  • If there are [~] rows, Confirm updates those matching layers.
  • If there are [+] rows, Confirm creates the new layers.

Reimport and merge diffing is stricter now, so clean JSON reimports should stay in sync instead of showing false updates.

Undo and redo coverage now includes more Figblox-side and Studio-side actions, including layer edits made during Preview.

Remove deleted layers

If you want Roblox layers removed when they no longer exist in Figma, enable Remove deleted layers on import before confirming.

← Back to home