<?xml version="1.0" encoding="utf-8"?>

Hanging lists

Hanging lists

Hanging lists are a formatting option used to align the text of list items (bulleted or numbered) with the bounding box, by moving the bullet points or numbers outside of this box. This style is especially useful in designs where alignment and clean visual flow are priorities, as it ensures the main text aligns uniformly, creating a tidy appearance.

To create hanging lists:

  1. Select your list in the design.
  2. Navigate to the Typography section within the Design panel.
  3. Click on the sliders icon to open Type settings.
  4. In the Details window, find the option to toggle Hanging lists and turn it on or off as needed.

Pro Tip: Similarly, you can use the Hanging punctuation toggle to move a text layer's opening quotation marks outside the bounding box.

Improve your UX & Product skills with interactive courses that actually work