Back to Plugins
StyleMyQR – Scannable aesthetics.

StyleMyQR – Scannable aesthetics.

Create, customize, and style beautiful vector QR codes directly in Figma.

Plugin Preview

StyleMyQR – Scannable aesthetics. preview

About this plugin

AboutBeautiful, on-brand QR codes, designed entirely in Figma.Skip the generic black-and-white grid. StyleMyQR gives you full control over shape, color, and content, and then tells you whether the result actually scans before you ship it.Built with care and obsessive attention to detail. A best-in-class tool from a designer who sweats the 2px.FeaturesScan readability meter: A live score from Excellent to Impossible that grades real-world scannability based on color contrast, error correction, logo coverage, and shading. Style with confidence instead of guessing.Custom shapes: Round, square, diamond, star, and more for dots, eyes, and pupils.Liquid style: Adjacent modules melt into one smooth, connected form. Distinctive, and still readable.Gap & Shade: Space the modules into a clean grid, or scatter subtle shades of your dot color for a hand-crafted texture. The readability meter keeps both honest.Data formats: Wi-Fi, vCard contacts, calendar events, geo coordinates, messages, crypto wallets, or plain text. The fields adapt to each one, with standards-compliant output every time.8 languages: EN, DE, FR, ES, SV, PT, JA, KO. Auto-detects your Figma language; switch anytime, no reload.Smart re-import: Select any code you made and its full setup loads straight back, content, shapes, colors, and bindings included, even after closing and reopening the file.One-click logo area: Clears the center and raises error correction automatically.Figma Variables & Styles: Bind foreground, background, dots, eyes, pupils, and corner radius to your tokens. Stays in sync as they change.Optimized output: The full matrix merges into a single vector node. Lighter files, smooth performance. Vector or pixel export.Error correction (L/M/Q/H): Keeps codes scannable under heavy styling.Live preview & update: Restyle an existing code without re-entering its content.Light & dark mode: Follows your Figma theme automatically.How it worksChoose a format and enter your content.Style the shapes and colors, and watch the readability meter.Generate.Free forever. No sign-up. No external connections.by freiheydt 2026

Plugin Details

Version18
CreatedMarch 28, 2026
Last UpdatedJune 15, 2026
Categoryvisual-assets-other
CreatorChristian Heydt
Stats3 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none