Back to Plugins
QR Code Generator

QR Code Generator

Generate custom QR codes from URLs with color options and import directly to your Figma canvas

Plugin Preview

QR Code Generator preview

About this plugin

Elevate your design workflow with a powerful QR code generator seamlessly integrated into your Figma workspace. Transform any URL into a stunning and functional QR code that is fully customizable and ready for any application.


Key Features:

  1. Instant QR Generation: Convert URLs to high-quality QR codes in a matter of seconds.
  2. Vector and Raster formats: Export your QR codes in both PNG and SVG formats, ensuring scalability and compatibility for web and print.
  3. Color Customization: Tailor the foreground and background colors to perfectly align with your brand's palette.
  4. Flexible Sizing with Locked Aspect Ratio: Easily adjust the dimensions from 50px to 1000px. With Figma's native aspect ratio lock, you can resize your QR codes without any distortion, maintaining their perfect proportions.
  5. Non-Expiring Codes: The generated static QR codes do not have an expiration date. As long as the encoded URL remains active, your QR code will function indefinitely.
  6. Smart Organization: Your QR code is automatically grouped with a URL label, making your layers easy to manage and reference.
  7. Live Preview: Instantly visualize your customized QR code before placing it onto the canvas.
  8. Perfect Positioning: QR codes are conveniently placed at the center of your viewport for immediate access and use.


Perfect for:

  1. Marketing materials and campaigns
  2. Product packaging and labels
  3. Event posters and signage
  4. App mockups requiring QR functionality
  5. Brand guidelines and style guides
  6. Contact cards and business materials


How it works:

Simply input any URL, customize the colors and size, and click "generate." The plugin will create a high-resolution QR code and place it on your canvas as a grouped element, complete with a reference label of the source URL.


No API keys are required—just install the plugin and start creating professional, lasting QR codes for all your design projects.

Plugin Details

Version2
CreatedAugust 17, 2025
Last UpdatedAugust 26, 2025
CategoryImport & export plugins
CreatorVijay Chouhan
Stats3 installs, 3 likes
PricingFree

Technical Details

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