QRLY
HELP

[PLACE & EXPORT] reviewed 2026-10-30

Place a QR code on the canvas or export SVG and PNG

Add the code to your design as editable vectors, or download and copy it as SVG or PNG at the size you need.

  • [canvas]
  • [export]

Goal

Get your QR code into a Figma design, or out of Figma as a file.

Before you start

  • A QR code in the Generate tab (see Create a QR code).

Steps

  1. Place it on the canvas Click Place QR Code at the bottom of the plugin. QRLY adds the code as vectors, 256 × 256 px, in the middle of your view, then selects it and zooms to it. Its layer name starts with QR: followed by the start of its content.
  2. Open the Export tab for a file Click Export at the top of the plugin. Like Style, it widens a window narrower than 720 px.
  3. Choose a format Under Export Format, pick SVG (vector, scalable; the default) or PNG (raster image).
    QRLY Export tab: SVG and PNG format cards, Export Size 512px with presets, Download and Copy buttons.
    The Export tab: format, size, download and copy.
  4. Set the size Drag the Export Size slider from 128 to 2048 px in steps of 128, or click a preset: 256px, 512px (the default), 1024px or 2048px.
  5. Download or copy Click Download QR Code to save the file, named qrcode- followed by a number. Or click Copy SVG to Clipboard: with SVG selected it copies the SVG code, with PNG selected it copies a PNG image.

Tips

  • With a logo, the placed code is a group of the QR code and a separate layer named Logo, so you can move, swap or delete the logo in Figma.
  • Pick SVG for print and anything you scale later, and PNG where only an image will do.

Result

An editable QR code in your design, or an SVG or PNG file with your style and logo.

If something goes wrong

  • Download QR Code and Copy SVG to Clipboard are greyed out. There is no QR code yet. Fill in the fields for your data type in the Generate tab and the buttons switch on.
  • The placed code is not the size I set in the Export tab. Export Size only applies to downloads and copies. Place QR Code always adds the code at 256 × 256 px; scale it on the canvas, where it stays sharp because it is made of vectors.

Common questions

Is the placed QR code editable?

Yes. QRLY builds it from SVG, so it arrives as vector layers you can recolor and scale without losing sharpness. A logo comes in as its own layer named Logo, grouped with the code.

Which export formats are there?

SVG and PNG, from 128 to 2048 px. Both include your colors, shape and logo.

Does a transparent background carry over?

Yes. With Transparent background on in the Style tab, the placed code, the SVG and the PNG all leave out the background.

Where does the placed code go?

To the middle of what you are looking at on the current page. QRLY selects it and zooms to it so you can move it into place.

← All guides in Place & Export