Label Template Maker

Start from a blank label or a PDF reference background, draw text and barcode field boxes, tune pt coordinates, fonts, spacing, and barcode formats, then export reusable template JSON.

Template workspace

Draw text and barcode fields, tune positions and styles, then export template JSON.

JSON

4 x 6 inDrag elements or resize handles

Shipping Label

FROM

AutoShipFlow Warehouse 88 Fulfillment Ave Los Angeles, CA 90001 United States

2.4 lb

2026-06-28

SHIP TO

Jane Buyer 123 Market St San Francisco, CA 94103 United States

Barcode

9400111899560000000000

Ref: ORDER-100245

Properties

Type

Field key

Sample text

Font

Size pt

Weight

Align

Line height

Letter pt

PDF reference

Opacity

JSON

{
  "version": 1,
  "engine": "autoshipflow-label-template",
  "canvas": {
    "unit": "pt",
    "origin": "top-left",
    "width": 288,
    "height": 432,
    "printSize": "4x6"
  },
  "background": {
    "type": "blank"
  },
  "sampleData": {
    "from_address": "AutoShipFlow Warehouse\n88 Fulfillment Ave\nLos Angeles, CA 90001\nUnited States",
    "to_address": "Jane Buyer\n123 Market St\nSan Francisco, CA 94103\nUnited States",
    "tracking_number": "9400111899560000000000",
    "weight": "2.4 lb",
    "date": "2026-06-28",
    "shipping_note": "Ref: ORDER-100245"
  },
  "elements": [
    {
      "id": "static-title",
      "type": "text",
      "contentType": "static",
      "text": "Shipping Label",
      "x": 18,
      "y": 16,
      "w": 252,
      "h": 24,
      "fontFamily": "auto",
      "fontSize": 17,
      "fontWeight": 700,
      "align": "center",
      "lineHeight": 1.15,
      "letterSpacing": 0,
      "wrap": true,
      "overflow": "clip"
    },
    {
      "id": "static-from",
      "type": "text",
      "contentType": "static",
      "text": "FROM",
      "x": 18,
      "y": 54,
      "w": 70,
      "h": 14,
      "fontFamily": "auto",
      "fontSize": 8,
      "fontWeight": 700,
      "align": "left",
      "lineHeight": 1.15,
      "letterSpacing": 0.2,
      "wrap": true,
      "overflow": "clip"
    },
    {
      "id": "field-from-address",
      "type": "text",
      "contentType": "field",
      "fieldKey": "from_address",
      "x": 18,
      "y": 70,
      "w": 160,
      "h": 52,
      "fontFamily": "auto",
      "fontSize": 8.5,
      "fontWeight": 400,
      "align": "left",
      "lineHeight": 1.18,
      "letterSpacing": 0,
      "wrap": true,
      "overflow": "clip"
    },
    {
      "id": "field-weight",
      "type": "text",
      "contentType": "field",
      "fieldKey": "weight",
      "x": 194,
      "y": 58,
      "w": 76,
      "h": 18,
      "fontFamily": "auto",
      "fontSize": 10,
      "fontWeight": 600,
      "align": "right",
      "lineHeight": 1.15,
      "letterSpacing": 0,
      "wrap": true,
      "overflow": "clip"
    },
    {
      "id": "field-date",
      "type": "text",
      "contentType": "field",
      "fieldKey": "date",
      "x": 194,
      "y": 82,
      "w": 76,
      "h": 18,
      "fontFamily": "auto",
      "fontSize": 9,
      "fontWeight": 400,
      "align": "right",
      "lineHeight": 1.15,
      "letterSpacing": 0,
      "wrap": true,
      "overflow": "clip"
    },
    {
      "id": "static-ship-to",
      "type": "text",
      "contentType": "static",
      "text": "SHIP TO",
      "x": 18,
      "y": 144,
      "w": 90,
      "h": 18,
      "fontFamily": "auto",
      "fontSize": 11,
      "fontWeight": 700,
      "align": "left",
      "lineHeight": 1.15,
      "letterSpacing": 0,
      "wrap": true,
      "overflow": "clip"
    },
    {
      "id": "field-to-address",
      "type": "text",
      "contentType": "field",
      "fieldKey": "to_address",
      "x": 18,
      "y": 166,
      "w": 240,
      "h": 74,
      "fontFamily": "auto",
      "fontSize": 13,
      "fontWeight": 600,
      "align": "left",
      "lineHeight": 1.2,
      "letterSpacing": 0,
      "wrap": true,
      "overflow": "clip"
    },
    {
      "id": "barcode-tracking",
      "type": "barcode",
      "fieldKey": "tracking_number",
      "x": 28,
      "y": 260,
      "w": 232,
      "h": 58,
      "format": "code128",
      "showText": false,
      "quietZone": 2
    },
    {
      "id": "field-tracking-number",
      "type": "text",
      "contentType": "field",
      "fieldKey": "tracking_number",
      "x": 28,
      "y": 326,
      "w": 232,
      "h": 20,
      "fontFamily": "auto",
      "fontSize": 10,
      "fontWeight": 700,
      "align": "center",
      "lineHeight": 1.15,
      "letterSpacing": 0.5,
      "wrap": true,
      "overflow": "clip"
    },
    {
      "id": "field-shipping-note",
      "type": "text",
      "contentType": "field",
      "fieldKey": "shipping_note",
      "x": 18,
      "y": 386,
      "w": 252,
      "h": 18,
      "fontFamily": "auto",
      "fontSize": 8,
      "fontWeight": 400,
      "align": "left",
      "lineHeight": 1.15,
      "letterSpacing": 0,
      "wrap": true,
      "overflow": "clip"
    }
  ]
}

Fields and barcodes

The first version supports text and barcode field boxes with pt coordinates, sample data, and styling for realistic label layouts.

Reusable JSON

Templates use top-left + pt coordinates so exported JSON can later move into code or Supabase.

PDF reference

Uploaded PDFs are only used as layout references and are not stored inside the formal template JSON by default.