Use design studio

[This topic is pre-release documentation and is subject to change.]

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.

    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. Learn more about the Pages workspace.

  • 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. Learn more about the Styling workspace.

  • 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. Learn more about the Data workspace.

  • Set up workspace enables site administrators to configure site settings such as identity providers, security and permissions, go-live configurations, and progressive web app (PWA) settings. Learn more about the Set up workspace.

Page editing options

While working on designing and building your page, you can switch to the code editor, zoom in (+), zoom out (-), or Reset the zoom to default size of the page in the design studio.

Toolbar to preview page layout, code editor and zoom options.

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.

The design studio GUI with preview menu options selected.

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.

The design studio GUI with the overflow menu selected.

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.

The design studio GUI with the sync button emphasized.

Next steps

Create and manage pages
Customize pages
Style your page