Create responsive graphics

Last updated on Jun 24, 2025

Create responsive graphics in Adobe Premiere Pro to design adaptable titles, animations, and overlays that automatically adjust to various screen sizes and aspect ratios.

You can design your graphics to automatically adapt to changes in the video frame aspect ratio, or to the position or scale properties of another graphic layer. For example, you might want an underlying shape layer to respond to the width, height, and position of your text.

Small blue pins on the Program Monitor indicate whether the currently selected layer is pinned to another layer.

To define spatial relationships between layers:

  1. Select a graphic in your timeline and navigate to the Properties panel.

  2. Select a layer that you want to make responsive to the changes in another layer.

  3. Under Responsive Design — Position, select Pin To to specify which layer the currently selected layer should be pinned to.

    The currently selected layer gets parented by the layer you choose from the drop-down list.

  4. To define which edges the child layer should be pinned to, use the diagram on the right side - Top, Bottom, Left or Right of the parent. You can also click the center of the diagram to pin to all edges or unpin from all edges.

    For example, you have a rectangle containing text. If you pin the rectangle to the text, the text responds automatically to any change in the rectangle.

    Properties panel showing Responsive Design – Position settings with the “Pin To” dropdown and edge diagram, highlighting how a graphic layer is pinned to another for responsive scaling and positioning.
    Make currently active layer respond to changes in position, rotation, or scale of the selected layer.

  5. The selected layer now responds in position, length/width, and scale based on changes to its parent layer. When you select this layer in the program monitor, its parent layer displays small blue pins on the pinned edges.