# Label Designer

## Area

- Route: `/labels/designer`
- Purpose: build free label layouts, test them, save them as presets and prepare them for different printers

## When you use this area

Use the Label Designer when:

- you create a completely new label
- an existing template must be changed
- logos, QR codes, barcodes or new design blocks are needed
- a new preset must be prepared for A4, thermal printers or a free format
- safe print zones and printer margins must be reviewed visually

## Important page areas

### Top tool area

- File, Edit, View, Print, Tools and Help menus
- grouped block menus for text, shapes, images and QR or barcodes
- align, zoom and stage tools
- layer dropdown and active object shortcuts

### Left workflow

The workflow is grouped into:

- Layout
- Fields
- Design
- Output

### Center stage

The stage shows:

- the centered label
- grid or dot view
- printable area
- safe margins
- current zoom state

### Right editing area

The compact panels contain:

- object properties
- document settings
- preview
- export controls

Assets can also be managed in a dedicated modal browser and dragged onto the label.

## Step-by-step guide

### Step 1: Open the designer

1. Open `Label Designer`.
2. Wait for menu bar, workflow, stage and preview to load.

### Step 2: Define the working mode

1. Choose `Free layout` or `Printer preset`.
2. If a printer preset is used, set manufacturer, family, size and inner margin.
3. Choose a preview spool.

### Step 3: Insert elements

1. Open the block menu for text, shapes, images or QR and barcodes.
2. Drag the element to the stage or insert it by click.
3. Prefer data fields or checkbox blocks for dynamic values.

### Step 4: Edit properties

1. Select the element.
2. Adjust position, size, text, field binding, color or font.
3. Remove the active element with `Delete` when needed.

### Step 5: Manage layers and assets

1. Review order and visibility through the layer menu.
2. Upload or reuse assets in the asset browser.
3. Drag assets onto the label.

### Step 6: Test the preview

1. Refresh the preview.
2. Check field values, barcodes, QR codes and safe zones.
3. Review the layout again at different zoom levels.

### Step 7: Save the result

1. Save the layout as a global custom layout or a named preset.
2. Use the preset library to load system or custom presets quickly.
3. Validate the final preset in the Label Tool.
