Layout Manager could help you to create a new mobile or tablet screen, or create/swap component.

How to create a new layout?

Creating a new layout has only two steps. Click on the first button from the top, select type of layout for mobile or tablet layout. You can choose these types of layouts:

• Blank

• Calendar

• Email

• Form

• List

• Meeting

• Scrollable

• Success

• People

In version 3.5 you can also specify X and Y position, where your screen will be positioned in Figma page.

Video:

How to add a new Canvas component?

For adding a new component you should click on the second button. Again, you can choose various types of components with positioning.

The DesignKit 3.5 plugin contains these types:

• Classic - a list of classic Power Apps controls

• Modern - a list of modern Power Apps controls

• Composed - a list of components using multiple Power Apps controls

• Custom - a list of custom components created by us

Classic components

• Audio Player

• BarChart

• Button

• Combo

• DatePicker

• Dropdown

• Checkbox

• LineChart

• Listbox

• Octagon

• Pentagon

• PieChart

• Radio

• Rating

• RichText

• Slider

• Table

• Text

• Timer

• Triangle Angled

• Toggle

• Video Player

Modern Components

• Avatar

• Badge

• Button

• Combo

• DatePicker

• Dropdown

• Form

• Header

• Checkbox

• Icon

• InfoButton

• Number Input

• Progress

• Radio

• Slider

• Table

• Text

• Toggle

Composed Components

• Bar Chart

• Calendar

• Language Bar

• Short Calendar

Custom Components

• Breadcrumb

• Card

• Counter

• Dark Mode

• Day Picker

• Delete Dialog

• Error Popup

• Feedback Box

• Info Popup

• Light Mode

• Pie Chart

• Search Box

• Time Picker

• Warning Popup

Video:

How to swap component?

The last button helps you to swap component. Select your component on your Screen in Figma and choose a component which will replace your selected component. You do not need to specify X and Y position.

Video