Use design studio

6/10/2022

The Power Pages design studio is an intuitive interface that enables low-code makers to build and configure rich business web apps.

1. Go to Power Pages.

    The first time you visit the site, you'll be presented with a Get started button and be able to sign up for a free, 30-day trial.

2. Select your site and select Edit to launch the design studio.

3. If you don't have a site created, select Create a site to create your website.

The design studio has four marquee experiences—called workspaces—that focus on specific user jobs:

• Pages workspace enables you to design and build webpages with in-context editing and add content with no-code and low-code widgets such as text, image, video, Power BI reports, lists, forms, and others. 
• Styling workspace lets you apply global site styles. You can apply corporate branding updates and review the changes in the preview on the right side of the app window. Styling offers 13 preset themes. For each theme, you can customize the color palette, background color, font styles, button styles, and section margins. 
• Data workspace lets you easily model, visualize, and manage business data for the site with tables, forms, and lists. You can create and edit Dataverse tables for the site and create new or edit existing model-driven forms and views. Changes made in the Data workspace are stored in the Common data store. 
• Setup workspace enables site administrators to configure site settings such as identity providers, security and permissions, go-live configurations, and progressive web app (PWA) settings.

Preview your site

When you're done building, preview your site by using the Preview option. You can preview on desktop or mobile. Selecting Desktop opens the site in a new web browser tab. Scanning the QR code with your mobile device opens the site on the mobile web browser.

Accessing the Portal Management app and sync

For advanced configurations that aren't available in the Power Pages design studio, the Portal Management app is accessible from the overflow menu.

To reflect changes made to the site from the Portal Management app to the Power Pages design studio, select Sync in the upper-right corner of the screen.

Source: https://docs.microsoft.com