[Template] Create a User Flow template

[SAHU-01]

Current Behavior

Currently for new users we do not have enough starter templates that they can use as introductory material.

Desired Behavior

We want to create a User Flow template to allow new users to understand how they can create a User Flow with Kanvas. So we'd want contributors to not just create a template but also add tips or notes they think a new user would need if they are starting out with little to no context of the capabilities Kanvas offers.

Implementation

Make sure you use Kanvas to create this template and keep the template private.

• [ ] Provide a brief overview of what this template does and can help with, maybe highlight a usecase
• [ ] Add a template that can be directly copied and used instantaneously
• [ ] Add a step by step process to create this template
• [ ] Create a seperate section highlighting the different components/annotations/features of Kanvas a user can use to develop a User-Flow.
• [ ] - Once the design is completed, publish it and share the private link with our team, or tag us in the comment component to receive feedback.

Acceptance Tests

• Template has been submitted for publishing to the catalog and accepted; is published and available in the Meshery Catalog.
• We are in need of well annotated and described templates like this one.

Mockups

This FigJam template can be used for recreating the User Flow Template

Perks

By contributing to this task, your efforts will have a lasting impact! Once published, your design will be cloned and used by countless users as a go-to starting point for creating User-Flow diagrams in Kanvas. You'll not only help newcomers understand the platform but also see your work adopted widely by the community. Plus, as a token of appreciation, you'll receive a special shoutout, recognising your valuable contribution. Your effort won’t go unnoticed—you're directly helping shape the experience for future users!

---

Contributor Guides and Handbook

• 🛠 Meshery Build & Release Strategy
• 📚 Instructions for contributing to documentation
  • Meshery documentation site and source
• 🎨 Wireframes and designs for Meshery UI in Figma
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[designhaikuu]

Hi @SAHU-01, I would like to work on this. Can you please assign this to me?

[SAHU-01]

Sure @designhaikuu to ensure your success in completing this do let me know if you have got any queries. Once you feel the design template is ready for review, do add a comment in the design by pressing a Ctrl/Cmd + M and tagging @Ankita Sahu in the comments. I can review it and we can go ahead with publishing your design!

Given your experience as a Designer who is acquainted with user-flows feel free to add any number of sections apart from the ones mentioned in Implementation to make a new-user feel well informed!

[designhaikuu]

Alright. Sure. @SAHU-01