---
sourceDocument: Xanadu ServiceNow AI Platform user interface
sourceDocumentLink: https://www.servicenow.com/docs/r/xanadu/platform-user-interface

 Release :

    - xanadu

ft:locale :

    - en-US

ft:publication_title :

    - Xanadu ServiceNow AI Platform user interface

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Create a frame UI macro

# Create a frame UI macro {#ariaid-title1}

* Release version: Xanadu
* 
* Updated August 1, 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

Copy an existing frame UI macro to display content in a custom frame.

## Before you begin

Role required: content_admin or admin

## About this task

Create a custom frame UI macro if you want to control the style of the frame with
your own style sheet definitions.

## Procedure

1. Navigate to AllContent ManagementDesignFrames and select one of the existing frame UI macros.
2. Change the name to match the FRAMENAME you used in the style sheet.
3. Right-click the header bar and select Insert and Stay.
4. Update the frame name in the XML field as shown:  

       <div class="FRAMENAME">

5. Click Submit.

## What to do next

* In any content block form, select the UI macro.
* Define the frame in a style sheet.
{#t_CreateANewFrameUIMacro__ul_ksy_r1k_kz}
**Related concepts**   

* [Content blocks](https://www.servicenow.com/docs/10IBm6HPSkM1sg4lE0xKOg "A block is a defined piece of content within the system that can be reused.")

*[\>]: and then