Ability to add a variable to a template in page editor

Currently, When someone creates a page from a template with variables, they’ll fill out a form with text fields or lists for each variable in the template before the page opens in editor mode for editing other fields like placeholder text, date, etc. We see the below message for this "TemplateVariableInputDrawerQuery" request:

This template uses variables. Once you fill them in, the information you supply will become part of the content on your new page.

Suggestions: This is bad UX user experience and very confusing to the end-users and not very intuitive. I would recommend that this process is conducted in one stage i.e. all updates performed in edit mode (not having a different page/UI for adding a variable).