Skip to content
UseQR
ESC

↑↓ MOVE↵ OPEN48 PLACES

How-to guides

How to make a QR code in Illustrator

Illustrator has no QR generator, but it is the right tool for print QR work: place the SVG from UseQR (format=svg-tiny if standard SVG imports oddly), recolour fills only — never add strokes — scale uniformly, keep the group intact, and export PDF/X for the printer. Verify the exported file decodes before handoff.

View as MarkdownPaste this page into any AI assistant — it is plain, portable Markdown.

1. Generate the vector

Create the code at UseQR and download SVG. If your Illustrator version imports the standard SVG with quirks — old versions are fussy about some features — regenerate with the SVG Tiny 1.2 variant, which exists exactly for Illustrator and cutting plotters:

https://useqr.app/api/v1/qr?data=https://example.com&format=svg-tiny

Why vector at all is covered in making a QR code as an SVG; in short, the modules stay mathematically sharp through every scale and every export.

2. Place, don't open

File → Place into your working document keeps the code as a contained group inside your artboard, colour space and export settings. Opening the SVG as its own document and copy-pasting also works — just paste in one go and group immediately (⌘G).

3. Recolour fills, never strokes

The single most important Illustrator rule for QR codes:

  • Change fill colours freely, within the contrast rules — dark modules, light background, ≥ 40% luminance difference.
  • Never apply a stroke to the modules. A 0.5 pt stroke widens every module by 0.25 pt per side; neighbouring modules merge, the dark/light balance shifts, and the code degrades or dies. This is the top Illustrator-specific killer.
  • Offset Path, Roughen, and any effect that changes geometry are equally off-limits.
  • Do not "clean up" stray squares — every module is data. There is no decoration in a QR code.

For CMYK output, set the module fill to 100% K rather than a four-colour black, so the code prints on one plate with no registration fringing — the full reasoning is in QR codes in CMYK print.

4. Scale uniformly, keep the quiet zone

Scale with the group selected and proportions locked. A code stretched 3% on one axis looks identical on screen and fails on dense payloads. Keep the background rectangle — it is the quiet zone, at least 4 modules on every side; artboards cropped tight to the modules are how print files lose it. Snap-to-pixel settings are irrelevant for print output, so ignore pixel-grid warnings.

Size the code for its medium before final export — one tenth of the scanning distance, per the print size guide.

5. Export and verify

For print handoff, export PDF/X (or press-ready PDF per your printer's spec) — the code stays vector inside the PDF. For cutting and engraving workflows, keep SVG. Then verify the exported artefact: export a PNG proof or screenshot the PDF at 100% and run it through the validator. Illustrator cannot break a code you never touched — but you touched it, so prove it still decodes.

Gotchas

  • Reflect and mirror operations on a containing group flip the code; mirrored codes do not scan.
  • Transparency flattening at export can rasterise the code at low resolution if the code overlaps transparent effects — keep it clear of them.
  • Expand/outline is safe; the geometry is unchanged. Simplify Path is not — it deletes anchor points and rounds module corners unpredictably.
  • Spot-colour work: a code in a single spot colour is fine if the printed ink is dark enough; see spot colour and Pantone QR codes.

Generate the vector to place: make a QR code, download SVG or SVG Tiny.

FAQ

Can Illustrator create a QR code?

No, Illustrator has no built-in QR generator. Generate an SVG in a QR tool and place it. From then on Illustrator is the ideal environment, because everything stays vector.

Why does my SVG QR code import strangely into Illustrator?

Older Illustrator versions mishandle some standard SVG features. Regenerate using an SVG Tiny 1.2 output (format=svg-tiny on UseQR), which is restricted to features Illustrator handles cleanly.

Can I recolour a QR code in Illustrator?

Yes — change module fills to any colour at least 40% darker in luminance than the background. Never add strokes or geometry effects; they fatten modules and break scanning.

How do I send an Illustrator QR code to a printer?

Export press-ready PDF with the code untouched by transparency flattening, modules in 100% K for CMYK jobs, and verify the exported file decodes before handing it over.

Try it — free, no signup

  • How to make a QR code as an SVGChoose SVG at download or add format=svg to the API URL. A vector QR code scales to any size with perfectly sharp modules and weighs a few kilobytes.
  • How to make a QR code for printDownload SVG (or 300 DPI PNG at final size), size it by scanning distance, keep a 4-module quiet zone, print modules in 100% K, and proof at real size.
  • How to make a QR code in FigmaFigma has no native QR generator. Paste an SVG from UseQR — Figma renders vectors losslessly — make it a component, and skip plugins that upload your data.
  • QR codes in CMYK printKeep modules at 100% K on a single plate. Four-colour black needs four plates in register, and ±0.1 mm of misregistration fringes every module edge.
  • Choosing QR code colours that scanDecoders threshold on luminance, not hue, so the rule is a luminance difference of at least 40% between modules and background, dark on light. Apply the…