About Pega 7 Designer Studio

Now localizable and accessible from a variety of browsers, the Pega 7 Designer Studio provides a rich developer experience that is optimized for ease of use.  A complete redesign puts intuitive tools at the forefront to simplify the design experience and enable you to quickly build enterprise scale applications.  This article gives a tour of the Designer Studio, highlighting its major functions and new features.

​Designer Studio groups elements consistently and logically

The Pega 7 Designer Studio clearly presents the required information and tools to perform work in any context. Primary user actions have been promoted to the top level menus for greater visibility.  Explorer navigation is streamlined with greater control over configuration and display of data.  Developer tools are centrally located and display based on role.  Complexity and visual distractions have been eliminated to provide a modernized yet cohesive experience.
There are four main components of the Designer Studio as illustrated below

• The Header located at the top of the Designer Studio gives global access to the application by way of landing pages, wizards and tools. Here is where you can create cases, search for records and launch secondary portals.  Click on the desired menu name or icon to view available options.
• The Explorer Panel houses each of the Designer Studio Explorers, allowing simple navigation between operator, application and system level records. Click on a name or icon to load the desired Explorer in the Explorer Panel.
• The Work Area is the largest component of the Designer Studio, providing a specific context for the record, report, wizard, work or landing page that is currently in focus.  Include tabs as a navigation option for your Work Area to manage which items are open on your own, or turn them off and allow Pega 7 to take care of the rest.
• The Developer Toolbar located in the footer of the Designer Studio helps power users debug applications, tune performance and quickly analyze the composition of UI components.

About the Designer Studio Header 

​The Designer Studio Header is organized to make frequently used items accessible and keep navigation simple.  Each component is detailed below:

​Pega 7 icon
Click the Pega 7 icon to load the Home Page in your Work Area. The Home Page displays guardrail warnings for your application and facilitates task assignments between you and operators in your associated access groups.

Landing Page menu
Click the Designer Studio logo to access landing pages, wizards and tools to build your application.  Although not an entirely new feature in Pega 7, the landing page structure has been reorganized and enhanced to better align with application development needs.  The Landing Page menu is grouped by functionality and presented in tiers.  Navigation is from left to right as illustrated below.