Transfer modes

Kanzi Figma Importer ships with six transfer modes. Each mode reads the Figma selection, validates it against a per-mode contract, and sends the result to the Kanzi Studio plugin for review.

Choose a mode by the kind of content you want to transfer:

Mode

What it transfers

Best for

Result in Kanzi Studio

Clipboard

Clipboard transfer icon

Per-property values from a single source layer. Effectively a multi-property copy-and-paste.

Copying fill colour, stroke colour, size, corner radius, or similar property values onto an existing Kanzi node.

Property values applied directly to the selected Kanzi node. No new nodes.

Library Asset

Library Asset transfer icon

Figma variables, colour styles, text styles, and component variants detected in the subtree.

Establishing the design-system foundation (palettes, type ramps, states) at the start of a project.

Figma variables flow into the FVC pipeline (PropertyTypes plus StateManager). Component variants become StateManagers. Text and colour styles become named Kanzi styles. See Library Assets (FVC pipeline).

Image

Image transfer icon

The selected node baked to a single PNG or JPG.

Backgrounds, static artwork, decorative illustrations, or any layer whose visual fidelity outweighs runtime editability.

Choose one of three destinations in the Image options panel: an Image2D node, an empty node with an image brush, or a Library asset only.

Shape

Shape transfer icon

Vector primitives (rectangles, ellipses, polygons, stars, frames-with-paint) and free-form vectors via SDF.

Buttons, badges, icons, panels. Any element where corner radius, fill, or stroke must stay editable at runtime.

Parametric Shape node with material, brush, and uniform-driven geometry.

Text

Text transfer icon

TextBlock2D content, font, and per-glyph attributes; optional SDF flatten via the Transfer as SDF option in the options panel.

Headings, labels, body copy.

TextBlock2D node with the resolved font imported from the project, system, Google Fonts, Bunny Fonts, or Fontsource.

Layout

Layout transfer icon

The full Figma subtree mapped to a Kanzi prefab hierarchy. Routes each descendant to the appropriate per-type pipeline.

Widgets, complete screens, components, instance hierarchies, [KZ_*]-tagged subtrees.

One or more prefabs under the project’s prefab container, with placeholders for component instances.

Note

Clipboard caveat (Fill vs Stroke colour). Clipboard reads both fill and stroke colour from the source, but a Kanzi node has a single brush colour and currently receives only the stroke colour. A future release will resolve this ambiguity.

Picking the right mode

  • For a single primitive shape (rectangle, ellipse, polygon, star), pick Shape transfer to keep the geometry editable in Kanzi Studio.

  • For a single free-form vector (boolean operation, line, arrow), pick Shape transfer. Kanzi Figma Importer routes it through the SDF pipeline automatically.

  • For a text layer, pick Text transfer. To flatten the text to a vector (for example when the font is unavailable), enable Transfer as SDF in the Text transfer options panel.

  • For a container or component (frame, component, instance, group, component set), pick Layout transfer. The walker dispatches each descendant to the right pipeline, and the [KZ_*] tags steer routing for bake, tint, and semantic nodes.

  • For just a property value (the colour of a fill, the radius of a corner), pick Clipboard. The values appear in the Clipboard view of the Kanzi Studio plugin and apply to the Kanzi node you select.

  • For the design-system foundation (variables, styles, variants), pick Library Asset. Library Asset can be combined with another transfer in the same batch.

For the full per-selection rules and a multi-select lookup table, see Selection rules.

See also

Figma plugin overview

Selection rules

Kanzi Studio plugin overview

Best practices