FIGR / UI TEMPLATE
Customer Journey Builder for growth teams to coordinate campaigns, audiences, creative, automation, measurement, and approval work without losing channel context.
This builder reference covers marketing automation. Its sample screen includes Webinar follow-up and Trial conversion and the Publish journey action. Adapt its workflow to your product and design system.
BUILD ON THIS
Explore this screen, then bring in your own product and design system to shape the next version.
Builder
Publish journey
Customer Journey Builder builder
Default, loading, empty, error, permission, success
Adaptable product UI theme
The customer journey builder screen supports “Publish journey” while keeping overview and campaigns in view. It should show the current state even when data is missing or access is restricted.
Overview → Campaigns → Publish journey → Review result
Customer Journey Builder builder, Overview, Campaigns, permission handling, error recovery
State input requirements before the user submits the form
In this example, Webinar follow-up is one of the records worth checking. Keep the sample data clearly separate from a live system.
Keep progress and entered values when people move between steps
Show clear permission, validation, and recovery states near the affected control
Design a customer journey builder screen for an existing marketing automation product. Use our actual design system, components, and content rules. Cover Overview and Campaigns, include believable records such as Webinar follow-up, and make "Publish journey" easy to find. Map empty, loading, error, permission, and success states. Keep the result editable in Figma.
KEEP EXPLORING
Browse other product UI examples, compare patterns, and pick the direction that suits your product.