How do we align flows by color?

Add background and text overrides per entry to tag flows visually - for example teal for onboarding and amber for support.

Can we share packs with stakeholders?

Yes. Copy the share URL so anyone opening it sees your dimensions, colors, and text template ready to export.

Up to 100 rows per pack. Create additional packs per journey if needed while keeping naming conventions aligned.

Map journeys, document specs, and collaborate across teams using reusable placeholder packs that reflect states, channels, and ratios at a glance.

Label placeholders with channel, state, or emotion context so teams immediately understand each touchpoint.

Present on-brand placeholders that preserve hierarchy during walkthroughs without waiting on final imagery.

Document base, hover, and error states with consistent naming so downstream teams implement the right assets.

Share the encoded URL so research, design, and engineering all regenerate the same pack when journeys iterate.

1
Load the UX/UI preset
Pop in the preset to instantly get journey overview, storyboard, and mobile flow sizes—or paste a quick list from your doc.
2
Label the journey
Add quick cues—personas, steps, channels—using the text template and color overrides. Everything updates in real time.
3
Share across teams
Download PNG, SVG, or WebP placeholders and drop the link into FigJam, Miro, or specs so collaborators stay aligned.

How do we align flows by color?: Add background and text overrides per entry to tag flows visually - for example teal for onboarding and amber for support.
Can we share packs with stakeholders?: Yes. Copy the share URL so anyone opening it sees your dimensions, colors, and text template ready to export.
Is there a limit to how many screens?: Up to 100 rows per pack. Create additional packs per journey if needed while keeping naming conventions aligned.