Figma designs to UGUI prefabs,
inside the Unity Editor

Figo Prefab Importer turns a Figma design (.fig) — or a figo canvas.json — into ready-to-use UGUI prefabs: .prefab + deduplicated textures + fonts. No manual UI rebuilding, no network access, deterministic output with clean diffs. A paid Unity Editor extension built on the open-source figo core rendering pipeline.

See the workflow Contact us

design.fig → Figo Prefab Importer → .prefab + textures + .meta

Workflow

Four steps, entirely in the Editor

Conversion runs a bundled command-line converter locally — everything stays on your machine, nothing is uploaded.

Convert your first design

1 — Open Tools → Figo Prefab Importer…
2 — Pick a design file: a .fig saved from Figma via File → Save local copy…, a figo canvas.json, or Figma REST JSON. A sample (starfall_menu.canvas.json) is bundled.
3 — Choose an output folder under Assets/ and press Convert.
4 — Drag any generated prefab into a Canvas. Done.

Also available from the Project view

Right-click a .fig / .json asset → Figo → Convert to UGUI Prefabs
Re-converting the same design produces stable GUIDs and clean diffs — safe to iterate under version control
Color space is auto-detected from Player Settings: Gamma output is pixel-identical to the design; Linear mode pre-compensates translucent blending

What you get

Faithful, engineering-grade output

One prefab per frame

.prefab

Each top-level design frame becomes a self-contained prefab: GameObject → RectTransform / CanvasRenderer / UI.Image / UI.Text.

Smart texture baking

textures/

Solid rectangles become sprite-less tinted UI.Images (zero textures); gradients, vectors, images, strokes and effects are baked pixel-faithfully into deduplicated PNG sprites.

Responsive anchors

RectTransform

Constraints from the design map to RectTransform anchors, so converted UI resizes the way the designer intended.

Nested component prefabs

components/

Repeated UI (cards, rows, buttons) is detected and emitted as nested prefabs with per-instance overrides (Unity 2022.2+).

Options

Import options

Fonts folder

.ttf / .otf

Point at the design's font files — they are bundled as font assets and matched per text by family / weight / italic.

Frame filter

frame name

Convert only the named top-level frame instead of the whole document.

Texture scale

@2x

Supersampling factor for baked sprites — crisp results on high-DPI targets.

Color space

Gamma / Linear / Auto

Gamma output is pixel-identical to the design. Linear mode pre-compensates alpha so glows and translucent panels keep the sRGB look. Auto reads your project settings.

Work samples

UIs produced by the figo pipeline

The importer's converter shares figo's rendering pipeline, so what you see in the design is what you get in the engine. Below: real output rendered by this pipeline — running programs, not mockups.