xlr8print Editor Guide

Select, move, resize, and rotate frames. The primary tool for manipulating frames on the canvas.

• Click to select a frame
• Drag to move selected frames
• Drag handles to resize
• Drag rotation handle (circle above frame) to rotate
• Shift+click to select multiple frames
• Alt+click for direct selection (child frames in groups)

Draw rectangular frames. The most common tool for creating new frames.

• Click and drag to draw a rectangle
• Creates an EmptyFrame (dotted border)
• Right-click → "Convert to Text/Image Frame"
• Hold Shift while dragging for perfect square

Navigate around the canvas without affecting frames. Essential when zoomed in or working with large documents.

• Click and drag to pan the view
• Quick access: Hold Spacebar with any tool active
• Cursor changes to hand icon

Additional creation tools for specialized frame shapes.

• Ellipse Tool (O): Draw circles and ovals (hold Shift for perfect circle)
• Polygon Tool (P): Create regular polygons (3-12 sides configurable)
• Star Tool (S): Draw star shapes (configurable points)
• Line Tool (L): Create straight lines for dividers and borders

A blank placeholder frame created by drawing tools. Must be converted to Text or Image frame before use.

• Shown with dotted border
• Created by Frame, Ellipse, Polygon, or Star tools
• Right-click → "Convert to Text/Image Frame"

Contains text content with full typography controls. Supports Hindi and other languages.

• Double-click to edit text content
• Typography: Font family, size, weight, color, line height
• Paragraph: Alignment, spacing, indents
• Columns: Multi-column layout support
• Insets: Padding inside the frame
• Content types: Headline, Subheadline, Body, Byline, Date, Caption

Displays images with fit and positioning controls. Essential for news photos and illustrations.

• Properties Panel → "Choose Image" to upload or set URL
• Fit modes: Fill (stretch), Fit (contain), Cover (crop to fill)
• Content positioning: Align image within frame
• Supports all web image formats (JPEG, PNG, WebP, SVG)

Container for multiple child frames. Groups organize related frames and are the basis for Article Frames.

• Select frames → Cmd/Ctrl+G to group
• Move/resize group affects all children
• Alt+click to select individual child frames
• Cmd/Ctrl+Shift+G to ungroup
• Required for creating Article Frames

Start by creating the individual frames you want to group together. A typical article layout includes a headline, image, and body text.

• Use Frame Tool (F) to create frames
• Convert to Text or Image frames as needed
• Position frames where you want them

Select all the frames you want to group together. All selected frames will highlight in blue.

• Shift+click each frame to add to selection
• Or drag a selection rectangle around frames
• All selected frames show blue highlight

With frames selected, create the group using the keyboard shortcut or context menu.

• Right-click → "Group"
• Or press Cmd/Ctrl+G
• Frames are now combined into a GroupFrame

Frames are now grouped! They move and resize together as a single unit.

• Single purple border around all child frames
• Drag to move the entire group
• Drag handles to resize group (children scale proportionally)
• Alt+click child frames to edit individually
• Ready to be saved as an Article Frame

The most important step: tell the system what each text frame contains.

• Alt+click each text frame in the group
• Properties Panel → "Article Content Type"
• Choose: headline, subheadline, body, byline, date, or caption
• For headline/subheadline/body: also choose a content style subtype
• This controls HOW the AI writes the content

Begin with a blank page. Choose your page size and set margins.

• File → New or start from Dashboard
• Page sizes: Compact Broadsheet (1247×1965), Broadsheet (1440×2112), Tabloid, Custom
• Set margins: typically 1-2 cm on all sides
• Enable grid for alignment (Cmd/Ctrl+')

Transform an empty template into a complete page with AI-generated Hindi content in minutes.

• Left: Empty template with article frame placeholders
• Right: Filled template with Hindi headlines, body text, and images
• Content is translated, fitted, and proofread automatically
• Images are selected from article sources
• Text fits perfectly (95-100% fill, no overflow)