The new Model Driven App Designer experience has been enabled and has been doing the rounds for a few days now. Here’s my take on the same to demystify and bring forward a quick example of a Model-Driven App capabilities.

I’ll keep enriching this post in the future as more enhancements come to this new experience! As of now, this is in preview, so kindly keep a note of that!

Let’s review further!

Create a new Model-Driven App

Here’s how you go about creating the new Model-Driven App using the new App Designer –

1. In your https://make.powerapps.com/ portal, create a new Solution and then go inside the Solution to create a New Model Driven App as shown below
   
   
   
   
   
2. Then, select the Modern App Designer (Preview)
   
   
   And give it a suitable name.
   

Editing the SiteMap in the New Model App Designer

Here’s how you go about adding new Entities to the SiteMap in the new Model App Designer experience. Navigation section

1. I can click on New Page to start adding my first Page. Out of a Dashboard and Table, I’ve chosen to add a Table.
   
   
   
2. Now, if you look at the right hand-side of the page, you should be able to select what you want to add here.
   
   
   
   
   And I’ll select Account Table.
   
   
   
   
3. I’ll also rename the Title to to Customers.
   
   
   
4. Now, I look at the left hand side, my App begins to take shape and I can then also change the Group and Area names like you would do in a Site Map.
   
   
5. I’ve also renamed the Area to Sales now.
   
   
   
   
   
   

Pages

Now, let’s see what all Components can be added to the App. Pages is where you can either add Entities directly or edit the ones which you added in the Navigation section above.

1. Now, if you go to the Pages section, you’ll be able to expand into the navigation and choose the components yourself.
   
   
2. Now, if you select the Account form (as selected in the step above), look on the right hand side to be able to select which all Forms you want to add to the App. If you don’t select anything, all forms will be selected by default.
   
   
   
3. Now, let’s select a couple of Forms.
   
   
   And those will be added.
   
   
   
4. Same goes for Views as well. I’ve added 2 Views as shown below
   
   
   
   Note: Ideally, the WYSIWYG Preview should show only the components I added, but it shows me everything. Perhaps, this is work in progress.
   
   
   Along with that, there are Known Limitations at this point since this is in Preview.
   https://docs.microsoft.com/en-gb/powerapps/maker/model-driven-apps/app-designer-overview?WT.mc_id=DX-MVP-5003911#known-limitations
   
   
   

Data

Also, if you expand data, as of now only the ones added to you app is shown. Nothing much happens here. I’ll update this area once more features are added in the near future.

Hope this post was useful!

Here are some more useful posts you might want to check –

1. Rich Text Control for Canvas and Model-Driven App | Quick Tip
2. Form Access Checker in new Power Apps Form Designer | Model-Driven Apps in Dynamics 365
3. How to add Rating Values to Rating Models in D365 Field Service and PSA
4. D365 Quick Tip: Simple & Detailed Mode in Advanced Find
5. Language format for Whole Number field in Dynamics 365 CE
6. Transition effect on Gallery Items when hovered over in a Canvas Power App | [Quick Tip]
7. Filter records in a View owned by a Team you are a member of | Dynamics 365 CRM
8. Change Booking Status colors on Schedule Board for Field Service/PSA [Quick Tip]
9. Change the Unified Interface App Icons
10. Custom Help Pages and Guided Tasks for Unified Interface in Dynamics 365

Thank you!