No layout behavior. Children are absolutely positioned relative to the group origin. Maps to a Figma group node.

group

taglogical grouping

No layout behavior. Children are absolutely positioned relative to the group origin. Maps to a Figma group node.

When the first child of a Figma group is a mask node, the mask shape is extracted as an SVG asset and hoisted onto the <group> as mask-src attrs.

AttrTypeDescription
namestring
xnumber
ynumber
w requirednumberRequired on group — no content to derive size from
h requirednumberRequired on group — no content to derive size from
mask-srcasset
mask-xnumber
mask-ynumber
mask-widthnumber
mask-heightnumber
mask-modealpha luminance
mask-compositeadd subtract intersect exclude

Inherited properties

AttrType / valuesNotes
opacitynumberLayer opacity, 0–1. Omitted when 1.
blendnormal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color, luminosity, linear-burn, linear-dodgeBlend mode against layers below. Omitted when normal.
maskbooleanPresence = true. Acts as an alpha mask for subsequent siblings.
rotationnumberRotation in degrees. Omitted when 0.
constraint-hleft, right, center, scale, stretchHorizontal pin/resize behavior. Default left (omitted).
constraint-vcenter, scale, stretch, top, bottomVertical pin/resize behavior. Default top (omitted).
absbooleanAbsolute child inside auto-layout. Presence = true. Replaces layout-position="absolute".
min-widthnumberMinimum width in px. Omitted when unset.
max-widthnumberMaximum width in px. Omitted when unset.
min-heightnumberMinimum height in px. Omitted when unset.
max-heightnumberMaximum height in px. Omitted when unset.
fliph, v, bothMirror transform — 'h', 'v', or 'both'.
filterstringCSS filter string, e.g. "brightness(1.2) contrast(0.9)".
isolationbooleanPresence = true. New stacking context for blend modes (isolation: isolate).
transform-originstringTransform origin, e.g. "top-left", "center", "0% 0%".
scale-xnumberCSS scaleX, e.g. 1.5.
scale-ynumberCSS scaleY, e.g. 0.8.
skew-xnumberHorizontal skew in degrees.
skew-ynumberVertical skew in degrees.
aspect-ratiostringAspect ratio, e.g. "16/9", "1/1".
z-indexnumberExplicit CSS z-index.
visiblebooleanfalse = visibility:hidden (preserved in file, skipped in render).

Group with mask

<group x="0" y="0" w="390" h="200"
       mask-src="assets/mask-1.svg"
       mask-x="0" mask-y="0" mask-width="390" mask-height="200">
  <img x="0" y="0" src="assets/texture.webp" w="390" h="200" fit="cover" />
</group>