Softmatic QR Designer for Adobe InDesign

Fast and easy creation of custom QR 2D barcodes with the Softmatic QR Designer for Adobe InDesign 2021 or higher.

Choose from eight different code styles and millions of colors. Customize the QR barcode for your brand by adding logos or icons to the symbol. Supported data types are plain text, URL, email address, phone number, and SMS / Text number with more soon to come.

The extension features one of the fastest QR generation algorithms with the code updated in real time as you type or change styles and colors. The designer is fully Unicode capable with support for accented characters, umlauts and non-Latin scripts.

The Softmatic QR designer extension works stand alone, no online access, external components or barcode fonts required. The code is created as a high-quality vector graphic; AI documents with QR codes have no dependencies and can be freely shared.

A sample INDD document showing the supported QR styles and content types (download):

QR Code in InDesign document

Current version:

V1 06/21

System requirements:

macOS 10.15 or higher
Windows 10 or higher
Adobe InDesign 2021 (Version 16) or higher

Installation

Locate the extension on the Creative Cloud Marketplace.

After purchasing, the extension will automatically be downloaded and installed in your local extensions folder. Close InDesign before installing.

After installation, reopen InDesign. The extension can be found in InDesign menu bar > Window > Extensions.

Creating a QR code

Shown is the extension's panel with the default settings:

QR Code with text in InDesign document

Select the content type from the drop down in the top left corner. Available are:
  • Plain text, e.g "QR Text"
  • URL, e.g. "https://example.com"
  • Email address, e.g. "mailto:info@example.com"
  • Phone number, e.g. "tel:+18005551234"
  • SMS number, e.g. "smsto:44044"
Enter your text into the Data field, note how the code is updated in real time as you type. You can also paste text into the field; if the preview doesn't update, type a space or hit <Enter>.

Set styles and colors of the QR code

The extension lets you choose between four different shapes and two different styles for the dots. Click the color wells to select colors or type a color name, e.g. "green", into the edit field. You can also paste HEX codes into the field (e.g. "#FF0000" for red) and update the color with <Enter>.

Make sure to select colors that provide some contrast between the background and the code. Avoid very light colors as they can reduce the readability of the code.

Per default the code has a white background. As an additional option, you can create the code with a transparent background, this is useful if you want to place the barcode on an existing document, e.g. a book cover or packaging. Again, make sure to have contrasty color combinations. Do not create "inverted" codes (e.g. yellow on a black background) as most barcode reader apps won't scan such codes.

Note: The three finder patterns in the corners of the QR code are always drawn solid to ensure that the code will scan properly.

Setting the size of the QR code

Use the slider in the design panel to set the desired size of the code. The approximate final size of the code is indicated unter the preview window. If the selected dot size results in a code that won't fit into the preview, the display will be scaled down accordingly.

Setting the error correction level (ECC) of the QR code

The QR barcode supports four levels of error correction capability:
  • Low (L) - can reconstruct a symbol with ~7% of the area missing or damaged
  • Medium (M) - can reconstruct a symbol with ~15% of the area missing or damaged
  • High (Q) - can reconstruct a symbol with ~22% of the area missing or damaged
  • Best (H) - can reconstruct a symbol with ~30% of the area missing or damaged
For most purposes the preset error correction level of "Medium" will be the right choice. If you plan to add images or logos to the code, set the level to "High (Q)" or "Best (H)".

Adding an image or logo to the QR code in InDesign

One outstanding feature of QR is the very capable error correction. When set to the highest level, even codes where 30% of the area are missing or damaged can still be recognized. This can be exploited for so called "vanity codes" by overlaying a company logo or icon or other imagery over the code.

To add an image, simply drag it from the desktop or the file manager over the preview; note the highlighting:

Drag image over QR Code in InDesign document

The QR Designer supports embedding logos & images in all common image file formats (TIFF, PNG, JPEG etc.) and will honor transparency if present in the image (TIFF, PNG only). Please consider the following best practices when embedding an image:
  • Always use ECC settings "High" or "Best" for maximum protection
  • You will get the best quality if you have an image that does not require scaling down
  • Although the code is verified with the built-in reader, always test the final code against a variety of online and offline reader apps, see last section in the manual
Once loaded, the code will be updated:

QR Code with embedded logo in InDesign document

By default the image is centered within the QR code. Use the arrow buttons above the preview to change the position of the image. Adjust the size with the slider, delete the image with the "x"-button.

Tip: If you want to embed your logo later, simply use a white square as an image and adjust it to the proper size. This will leave an empty space in the center of the code where you can then place your artwork.

Add QR code to InDesign

Once the preview is updated and shows a valid barcode, click "Insert QR Code" to add the QR code to your InDesign document. The barcode will be added to the current page of the currently active document, with the top left corner of the barcode element at the center of the page.

Do not scale or stretch the barcode after it was placed as this may render the code unusable. If the code has the wrong size, simply delete it and create a new one.

Tip 1: To prevent accidental changes, select and right-click the barcode on the page and choose Lock from the context menu.

Tip 2: When the barcode is displayed blocky like a low-res image, adjust the display settings in View > Display Performance. Alternatively, activate View > Overprint Preview.

Verifying the QR code in InDesign

The extension comes with its own integrated QR reader to verify the code. This is especially useful if you embed images into the code. In this example, the embedded logo is too large. The code is not verified, even with the ECC setting to "Best":

QR Code reader in InDesign fail

Scaling the logo down a little results in a code that is valid:

QR Code reader in InDesign pass

However, the reader has two shortcomings which you should keep in mind:
  • It can't detect low contrast color combinations and will verify codes that would likely fail in real life, e.g. light gray dots over a white background.
  • When embedding logos, the verifier can not detect transparency in the image. Even if large parts of the logo were transparent and let the QR code shine through, the reader would not verify the code if it deems the image too large.
It is therefore highly recommended that you test the code with a dedicated scanner app. On iOS you can use the stock camera app which can detect and read QR codes. For Android, we recommend the free Google ZXing app. Google ZXing is also available as an online service.

Export QR barcode from InDesign

The created QR code is an SVG file that will be listed in the Links panel:

QR Code InDesign Embedded

For your convenience, the file has been embedded into the document (note the "Photo" icon in the panel). This is by design so that the document containing the QR code can be easily shared with others which is the typical use case. If you want to export just the barcode from InDesign, right-click the file in the panel and select Unembed link. You are then presented with the option to link to the original file or to a new location. Select "No" and select the desired output folder. The barcode will then be exported, the file name set "qr-######.svg", with the "#######" being a six digit number.

FAQ

Will the extension work with InDesign CS5 or CS6?

No. The minimum supported version is InDesign 2021 (V16).

Can I use the extension for data merge?

Right now, the extension is only suitable to create individual barcodes through user interaction, one at a time. That means it is not scriptable. We are currently waiting for Adobe to finalize the new UXP plug-in architecture for ID/AI; once this is available the extension will be accessible via scripting which will allow mass creation of barcodes.

What color spaces are supported?

Currently, only RGB is supported, CMYK color space is not supported. We plan to add support for native InDesign color panels as soon as the UXP plug-in interfaces are available.

Can I return the extension if it does not meet my requirements? What's your refund policy?

Obviously, we want our customers to be happy with their purchase. Should you find that the extension doesn't work for you, we can offer a full and unconditional refund within 30 days of purchase. Please contact us at webb AT softmatic.com.