QR Code Generator
Generate custom QR codes from URLs with color options and import directly to your Figma canvas
Plugin 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:Instant QR Generation: Convert URLs to high-quality QR codes in a matter of seconds.Vector and Raster formats: Export your QR codes in both PNG and SVG formats, ensuring scalability and compatibility for web and print.Color Customization: Tailor the foreground and background colors to perfectly align with your brand's palette.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.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.Smart Organization: Your QR code is automatically grouped with a URL label, making your layers easy to manage and reference.Live Preview: Instantly visualize your customized QR code before placing it onto the canvas.Perfect Positioning: QR codes are conveniently placed at the center of your viewport for immediate access and use.Perfect for:Marketing materials and campaignsProduct packaging and labelsEvent posters and signageApp mockups requiring QR functionalityBrand guidelines and style guidesContact cards and business materialsHow 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
| Version | 2 |
|---|---|
| Created | August 17, 2025 |
| Last Updated | August 26, 2025 |
| Category | Import & export plugins |
| Creator | Vijay Chouhan |
| Stats | 6 installs, 4 likes |
| Pricing | Free |
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
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML