Layouts and widgets

6.1 Layout basics

A layout decides what appears where on a screen. You build it in the layout editor from these parts:

6.2 Build a layout in the editor

1. In the sidebar, select Layouts and start a new layout.

2. Set the orientation.

3. Start from a preset, or use Auto Layout, Screen Split or Merge to arrange zones.

   

4. Add media, text or widgets to each zone.

5. Use layers to order overlapping elements, and check content against the safe areas.

6. Name and save the layout.

• Auto Layout arranges zones for you.
• Screen Split divides the screen into zones.
• Merge combines zones into one.

6.3 Generate layouts with the AI Layout Creator

The AI Layout Creator drafts layout options from a short description, so you do not have to start from a blank canvas.

1. In the sidebar, select AI Layout Creator.

2. Write a prompt that describes what you need, for example the product, the offer and where the screen is.

   

3. Choose the industry.

4. Select a brand kit so the designs use your colours and fonts.

5. Click Generate. MATX creates 8 variations to compare.

   

6. Pick a variation and save it to a layout.

7. Open the layout in the editor to fine-tune and save it.

6.4 Brand kits, templates and History

• Brand kits store your brand colours and fonts for use in the AI Layout Creator.
• Templates give you a starting point for common designs.
• History lets you return to earlier generations.

1. Open the AI Layout Creator.

2. Open brand kits, templates or History.

3. Select an item to reuse it.

6.5 Add a widget from Tools & Widgets

Widgets add live content to a layout, such as the time, the weather or a countdown to a launch.

1. In the sidebar, select Tools & Widgets.

2. Open the Widget Library and choose a widget.

   

3. Click Create App.

4. Complete the settings, such as time zone, style and location.

   

5. Save the app.

6. Place the app in a zone of a layout.

6.6 Widget Library reference