One design system, two ways of working

Email platform where developers own the code and marketers use a visual editor

Developers define the modules, rules, and rendering. Marketers use those modules to build campaigns without waiting for code changes or being able to break the design.

For developers

Own the design system as code

HTML and Liquid

Developers write the base layout and reusable modules in HTML and Liquid. Each module exposes only the settings marketers need.

Git and the Better Email CLI

The design system lives as Liquid and JSON files. Teams can review changes in pull requests, validate them in CI, and push a staged Candidate for a human to publish.

Maizzle and React Email

Adapters let teams keep Maizzle or React Email in the build process while Better Email provides the marketer editor and production workflow.

See how the design system works

For marketers

Build campaigns in the visual editor

Once the Email Design System is set up, marketing can build campaigns independently. The editor is generated from the modules and settings defined by the development team.

  • ✓Build campaigns from approved modules without editing HTML
  • ✓Change text, images, links, subject lines, and preview text through defined inputs
  • ✓Choose only approved colors and modules for each content zone
  • ✓See validation errors while working instead of after export
  • ✓Preview desktop and mobile versions before review and approval
See the visual editor

How the handoff works

Developers and marketers work on the same system without sharing the same interface.

  1. 1

    Developers define the system

    HTML, Liquid, settings, validations, palettes, and content zones define what the editor can produce.

  2. 2

    Marketers build campaigns

    The visual editor exposes the approved modules and controls. Marketing writes, assembles, previews, and reviews the campaign.

  3. 3

    The team exports

    After checks and approval, the campaign is exported to the existing sending platform. Better Email does not replace the ESP.

Different from a single audience tool

Some email tools focus on one side of the workflow. That can be the right choice when only one group needs to work in the platform.

Developer focused tools such as Parcel

A developer focused tool can suit teams whose developers create and maintain each campaign. Better Email adds a marketer editor generated from the code owned design system, so routine campaign production can move to marketing.

Marketing focused tools such as Knak and Chamaileon

A visual marketing tool can suit teams that want a no code setup. Better Email keeps the visual workflow for marketers while giving developers direct ownership of the HTML, Liquid, settings, and validation rules behind it.

Let both teams work the way they need

Bring an existing template or design system. We will show the code workflow and the editor it creates for marketing.