Documentation Technique

Export a Transparent PNG from Figma SVG

Export vector artwork from Figma as SVG, preserve an empty background, and render a PNG at the dimensions your design needs.

Copy or export the frame as SVG

Select the frame or asset in Figma and export it as SVG, or use Figma's copy-as-SVG action. The SVG can then be rendered at custom pixel dimensions instead of being limited to a small preset raster export.

Make the background transparent

If the final PNG should be transparent, disable the frame's background fill before exporting. A background rectangle included in the SVG will be rendered as part of the image.

Choose output dimensions and review the result

Set the output width and height for the final use, then inspect text, gradients, shadows, and layer effects in the PNG preview. Some effects or fonts may be represented differently by another renderer, so compare the result with the Figma frame.