Back to Plugins
QR Code Automation

QR Code Automation

Auto update multiple QR-Codes with one click

Plugin Preview

QR Code Automation preview

About this plugin

This plugin allows you to update / replace all QR codes in your Figma file with just one click! You have the total control over sizes, and Color!


How to use it:


  1. Create a text layer.
  2. Name the text layer "QR-Link". (You can change the content of this layer at any time — the name should remain "QR-Link".)
  3. Create one or multiple rectangles (squares) and name them "QR-Code".
  4. Create a second text layer
  5. Name the text layer "QR-color", and add the Hex code of the color you want your QR-Code to have inside the text layer.
  6. Run the Plugin


The plugin will generate a QR code using the content from the "QR-Link" text layer. It will place the QR code over each rectangle named "QR-Code" and match the dimensions of the rectangle. If the rectangle is inside a frame, the QR code will be placed inside that frame as well.


If you run the plugin again, the existing QR codes will be replaced with the updated ones.


Hint:

  1. It's not a problem if there are multiple text layers named "QR-Link" — just make sure that all of them contain the exact same text content. Otherwise, the plugin will not run.
  2. It does not matter if you add the Hex-code with or without the #

Plugin Details

Version3
CreatedMay 16, 2025
Last UpdatedMay 23, 2025
Categorydesign-tools-other
CreatorViko Mann
Stats1 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://api.qrserver.com