Figma designs inside DaVinci Resolve

A design does not have to be flattened to a PNG to reach Resolve. This page shows what each part of a Figma file becomes on the Fusion page, one property at a time, using the real output of a transfer rather than an illustration of one.

Every image below is the result exactly as it landed in Fusion, transferred with Prism from the Figma file shown further down. The section on what does not transfer is on this page for the same reason.

Watch a design move from Figma into Fusion

The source design

One Figma frame carrying every case at once: rounded shapes, a polygon, linear and radial gradients, gradient and solid strokes, headline and body text, semi-transparent fills, a blur, a drop shadow and a placed image.

It was sent to Resolve in a single transfer, and everything shown on this page came out of that one send.

What arrives is a node graph

This is the Fusion page immediately after the transfer, untouched. Every layer of the design is its own branch: a shape node, its render, its gradient, its effects, and a merge that composites it onto the ones below. Nothing here was placed by hand, and nothing is a flattened picture. That is the difference between receiving a design and receiving a screenshot of one.

Rectangles, ellipses, polygons sRectangle / sEllipse / sNGon

Rectangles, ellipses, polygons

The frames, cards, buttons and dividers a layout is built from, with their sizes, corner radii and polygon side counts.

Each one becomes a real Fusion shape node, not a picture of one. Width, height and corner radius arrive as numbers you can keep turning, so a rounded card can be widened or a polygon given two more sides after it lands, at any output resolution, with no loss and no going back to Figma.

Linear and radial gradients Gradient Background node

Linear and radial gradients

A fill built from colour stops rather than one flat colour, at whatever angle the design puts it.

Every stop arrives with its own colour, its own position along the axis and its own transparency, and the gradient keeps the direction it had in the design. It is a live gradient node in the Inspector: drag a stop, change a colour, spin the angle. This is the part that is most often flattened into a bitmap by other routes, and it is exactly the part that makes a design look designed.

Text layers Text+ you can retype

Text layers

Headlines, labels and paragraphs, with their font, weight, size, letter spacing, line height and alignment.

Text arrives as a Fusion Text+ node with the words still in the Styled Text field, so a caption can be rewritten in Resolve without touching the design file. Left, centre and right alignment are honoured, and so is the vertical alignment inside the text box, which is what keeps a label sitting where the designer put it rather than drifting to the middle. Gradient text fills and text outlines come across too.

Strokes and outlines Its own shape, over the fill

Strokes and outlines

The border around a shape: its thickness, its colour or gradient, and whether it sits inside, outside or centred on the edge.

The stroke is built as a separate shape stacked over the fill, the way Figma composes it, instead of being painted into the same layer. That keeps the two independent: recolour the border without touching what it surrounds, or animate its thickness on its own. Gradient strokes stay gradients.

Layer blur and drop shadow Blur and Shadow nodes

Layer blur and drop shadow

The two effects that carry most of the depth in a modern layout: a softened layer, and a shadow offset behind an element.

Each becomes a genuine Fusion node in the chain, wired between the layer and its merge. The blur radius and the shadow offset, angle, colour and softness come from the design rather than being guessed, and because they are nodes you can keyframe them, disable one to compare, or drop something else in between.

Opacity, per fill and per layer Kept as two separate controls

Opacity, per fill and per layer

Figma has two different transparencies and designers use both: the opacity of a single fill or stroke, and the opacity of the whole layer.

They stay separate on the way over. A fill at 40 percent arrives at 40 percent inside its own shape node, while the layer opacity lands on the merge that composites it, so lowering one does not silently change the other. Collapsing the two into a single number is the usual shortcut, and it is what makes a transferred design look almost right and impossible to correct.

Images and complex vectors Loader nodes

Images and complex vectors

Photos, image fills, icons, logos and any path too intricate to rebuild as a Fusion shape.

These are exported from Figma at full resolution and come in as Loader nodes pointing at real files, placed and scaled where they belong. A logo stays a logo: sharp, correctly positioned, and swappable later by pointing the Loader at a different file.