0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Guide · Text & fonts

How to Add Bullet Points in Figma Text

To add bullet points in Figma, select the lines of text and press ⌘⇧8 on Mac, or type - or \* followed by a space at the start of a line. For a numbered list, press ⌘⇧7 or type 1. or 1) and a space.

Press Tab to indent a list item, up to five levels deep. To turn a list back into plain text, choose No list in the Type panel.

Updated Sep 24, 20263 min read
On this page
5 steps

Quick steps

1

Select the text

Double-click the text layer and highlight the lines you want in the list, or start typing on a new line.

2

Make it a list

Press Cmd+Shift+8 for bullets or Cmd+Shift+7 for numbers on Mac. On any computer, typing - or * then a space starts a bulleted list, and 1. or 1) then a space starts a numbered one.

3

Indent items

Put the cursor in a list item and press Tab or Cmd+] to indent it. Lists support five levels.

4

Outdent items

Press Backspace at the start of an item, or press Enter on an empty item, to move it back a level.

5

Remove the list

Select the text and choose No list in the Type panel.

01

Figma bullet point shortcuts

Bulleted listMac⇧⌘8Windows—
Numbered listMac⇧⌘7Windows—
Indent list itemMacTabor⌘]WindowsTaborCtrl]
Type a bullet character (•)Mac⌥8WindowsAlt0149

Figma's help center only documents the list shortcuts for Mac. On Windows, Ctrl+Shift+8 and Ctrl+Shift+7 are the likely equivalents, but they aren't confirmed, so check the shortcuts panel with Ctrl+Shift+? if they don't work. Typing - or 1. plus a space works on both systems either way.

The last row types a single bullet character (•) without making a real list. That's useful for a one-off separator like "Design • Code", but it won't indent or align like list bullets do.

02

Indent and outdent list items

Figma lists support five levels of indentation. Press Tab or ⌘] at any point in a line to push it one level deeper. To bring it back, press Backspace (or Delete) at the very start of the item, or press Enter on an empty item. That last one is handy while typing: press Enter twice at the end of a nested list to step back out.

03

How to change bullets in Figma

You can't. Figma's help center says bullets can't be customized, so there's no setting for a different symbol, colour or size. If you need custom markers, build each item as a small auto layout row with an icon and a text layer; how to use auto layout covers the setup.

04

Hanging lists

Turn on hanging lists in the text options to move the bullets or numbers outside the text box. The text then lines up with the box edge, and the markers sit in the margin. This keeps a list aligned with headings and paragraphs above it.

05

Spacing inside a list

A list is still one text layer, so the gaps between items come from its line height and paragraph spacing settings. See how to change line height in Figma for those settings, and Figma text shortcuts for the other text keys.

Ranked listBest Figma plugins for typography and fonts
FAQ

Frequently asked questions

What is the Figma shortcut for bullet points?

Cmd+Shift+8 on Mac turns the selected lines into a bulleted list, and Cmd+Shift+7 makes a numbered list. Figma doesn't document the Windows keys, but typing - or 1. followed by a space works everywhere.

How do I number a list in Figma?

Type 1. or 1) followed by a space at the start of a line, or select the lines and press Cmd+Shift+7 on Mac. Press Tab to indent an item.

Can I change the bullet style in Figma?

No. Figma says bullets can't be customized. Use a row of icon plus text in auto layout if you need a different marker.

How do I remove bullets in Figma?

Select the text and pick No list in the Type panel. The text stays, only the list formatting goes.

Keep learning

More in Text & fonts

All guides in Text & fonts