Back to Plugins
Barcode

Barcode

Editable vector barcodes on your canvas — EAN-13, UPC-A, Code 128, your colors.

Plugin Preview

Barcode preview

About this plugin

Generate real barcodes as native, fully-editable Figma vectors — right on your canvas. Type a number, pick a symbology, and drop a clean single-layer barcode into your design. No screenshots, no external sites, no pasted images.■ NATIVE, EDITABLE VECTOREvery barcode is one VectorNode for the bars — resolution-independent, recolourable, and export-ready as SVG or PDF at any size. Scale it from a price tag to a poster with zero blur.■ THREE SYMBOLOGIESEAN-13 and UPC-A for retail products, and Code 128 for any letters and numbers — SKUs, asset tags, tracking IDs. The check digit for EAN-13 / UPC-A is calculated for you: type 12 (or 11) digits and the plugin completes it, or paste the full code and it's verified.■ YOUR COLORS, BOUND TO FIGMA VARIABLESSet any bar and background colour, or bind them to your Figma color variables so the barcode re-themes with your design system. Light and dark ready. Turn the background off for a transparent barcode.■ EDITABLE HUMAN-READABLE TEXTThe digits below the bars are a real, editable text layer in a monospaced font — restyle or reposition them, or hide them entirely. The guard bars extend down the way a genuine retail barcode does.■ FITS YOUR LAYOUTSelect a frame or shape and the barcode is sized to fit inside it and centred; with nothing selected it drops at your chosen bar width in the middle of the viewport. Select a text layer and generate straight from its contents.■ YOUR DATA STAYS YOURSEvery barcode is generated on your device, inside Figma's sandbox. The plugin has no network access — nothing you encode ever leaves Figma. No accounts, no tracking, no analytics. Real terms of service, real privacy policy, real support.Made for designers who put barcodes on packaging, price tags, labels, tickets, retail mockups and client presentations — and want them to look designed, not pasted.Questions or feature requests? support: [email protected] — every message gets a reply.Privacy Policy: https://www.shirushi-studio.com/barcode/privacyTerms of Service: https://www.shirushi-studio.com/barcode/terms

Plugin Details

Version2
CreatedJuly 23, 2026
Last UpdatedAugust 3, 2026
CategoryImport & export plugins
CreatorGuard
Stats1 installs, 0 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Network Access:

    Barcodes are generated locally on your device. Nothing you enter ever leaves Figma.

  • Editor Types:
    figma
  • Allowed Domains:
    • none