QRコード
QR Code
Drop in text or a link. Get a laser-ready QR code.
QR Builder turns any text or URL into a standard QR code as a vector (SVG), entirely client-side — no server round trip. Size, quiet zone, and color direction are adjustable directly, with the live preview updating on every change. The result can be downloaded as an SVG file or inserted straight into the active Artboard project as a ready-placed object.
Content
The text that gets encoded into the QR code.
- URL / Text
- Multi-line text field for the content to encode — e.g. a web address, a phone number, or any plain text. Every change recalculates the QR code immediately.
Size & quiet zone
Controls the physical size of the code and the blank margin around it.
- QR size mm
- Slider for the QR code's edge length in millimeters (10–160 mm). Directly determines the exported SVG size and the insert size in the Artboard.
- Quiet zone
- Slider for the width of the blank, code-free margin around the pattern, in modules (1–8). This margin is part of the QR standard — scanners need it to distinguish the code from its background.
Appearance
- Invert
- Toggle that swaps foreground and background color — black modules on white becomes a white pattern on black. Useful for materials where you mark light-on-dark instead of dark-on-light.
Preview
Large live view of the currently generated code.
- QR preview
- Shows the currently computed code at full size on a white (or, with Invert on, black) tile, with the configured edge length in mm shown underneath.
- Empty state
- Shown instead of the preview when the content is empty or too long for the local generator — the generator covers a limited data capacity, not arbitrarily long text.
Export & hand-off
- Download SVG
- Downloads the current QR code as a standalone SVG file. The file name is derived automatically from the content (sanitized, with "http(s)://" stripped, trimmed to a sensible length).Disabled while no valid code could be computed.
- Insert into artboard
- Inserts the current QR code as a movable object into the active Artboard project (centered, on the first matching engrave layer) and makes that project the active one. A status line confirms the hand-off or reports an error.Disabled while no valid code could be computed.
Common mistakes & fixes
Preview shows only the empty state, no QR code.
Fix: Check the content: the URL / Text field can't be empty, and can't exceed a certain data size — the local generator only covers a limited amount of text. Shorten longer content, e.g. with a link shortener.
QR code won't scan when tested with a phone.
Fix: Don't set Quiet zone too low — a margin that's too narrow trips up scanners. Also make sure the engraved/marked QR size mm is large enough for the material's engraving resolution; very small codes lose contrast in their finer modules.
QR size mm looks too small to scan once on the workpiece.
Fix: Increase QR size mm. The more content encoded, the finer the module grid at a given edge length — longer text needs a larger overall size so individual modules stay cleanly separated when engraved.
Engraving looks light/dark reversed compared to what was expected.
Fix: Check Invert — the toggle swaps foreground and background. For most materials (dark engraving on a light surface) leave Invert off; only enable it for light marking on dark material.
Download SVG button stays disabled.
Fix: The button is disabled while no valid code has been computed — i.e. with empty or too-long content. Adjust the content until the preview shows a code again.
Insert into artboard reports an error instead of confirming.
Fix: In that case the status line shows an error about the Artboard hand-off. Try again; if it persists, pick a different/new Artboard project as the active project and insert again.
Not obvious
- QR Builder runs entirely in the browser — no content is sent to a server, which makes it a good fit for internal links, serial numbers, or content that shouldn't be public.
- Short content (e.g. a short URL instead of a long link with tracking parameters) produces a coarser, more robust module grid — that's more forgiving when engraving than a very fine pattern from long text.
- Don't shrink Quiet zone to the minimum just for looks — it's part of the scan standard, not only a visual margin.
- Insert into artboard centers the code automatically on the first matching engrave layer while keeping the active project's existing objects intact — it can then be freely repositioned in the Artboard and combined with other elements.
- Before running a production batch, engrave a single code on the real material and scan it with several devices/apps — the on-screen preview is no substitute for a scan test under real lighting.
- The SVG download's file name is generated automatically from the content — for very short or purely numeric content, it's worth renaming the downloaded file before further processing.