Skip to main content

Template Designer Overview

The Template Designer is a visual editor tool used to design certificate and document layouts. It outputs a structured JSON document stored in Firebase that describes absolute element coordinates, dimensions, typography, and data bindings.

Key Features​

  • Visual Canvas: Position text boxes, images, and placeholder fields on standard A4 paper layouts (Portrait or Landscape).
  • Element Properties: Customize font families (e.g., Playfair Display, Noto Serif SC, 思源宋体), font sizes, text alignments, opacity, and Z-indexes.
  • Dynamic Placeholders: Assign special variable keys (e.g., user.name, date.today, signature) to dynamically receive runtime data.

Note on Data Placeholders: Placeholders are used to bind dynamic data at runtime. For a detailed breakdown of how placeholders map to database controllers, see the Architecture & Data Placeholders guide.