Overview

The Templates section provides flexible layout patterns meant to accelerate design and development. Unlike components, templates focus on structure, not behavior.

In Figma

  • All templates are available in the Templates section of the design system Figma library.
  • Built using partial components and Nova components, meaning:
    • Designers can detach and customize a [Template].
    • Core layout principles are retained (grid, spacing, alignment).
  • Token-based color, spacing, and typography ensure consistency across all themes and modes.

 

Design Guidelines

  • Use templates as a starting point, not as fixed solutions.
  • Always detach instances if further customization is needed.
  • Follow atomic design logic: templates are compositions of components, not replacements.

 

Naming conventions

  • A template will always be written like this: [Template name]
  • And can contain partial components: <Template name | Partial name>