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 campaigns
- Product packaging and labels
- Event posters and signage
- App mockups requiring QR functionality
- Brand guidelines and style guides
- 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
| Version | 2 |
|---|---|
| Created | August 17, 2025 |
| Last Updated | August 26, 2025 |
| Category | Import & export plugins |
| Creator | Vijay Chouhan |
| Stats | 3 installs, 3 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