Figma Support Forum

How to customize bullets and numbered lists?

Hi! We love the ability to use bullets now with our text in Figma, but we are running into some issues with it right now.

Often we have portions of text where we want a number in the header, but we do not want the body copy text to have a bullet in front of it. But unfortunately, the current numbered list option will only create a consecutive list if the copy right after it is part of the bulleted list. So we continually have only numbered lists with the #1.
Additionally, we now cannot use numbers accompanied by a period without a list being automatically created, even when we do not want it in a numbered list.

The second issue is that when we create a list within a body of text, and we want that list to be a separate color from the rest of the text, we are coming across the issue where the bullet will not match the list item color, but instead match the color of the body text, as seen in the image below.

Is there a way to customize the bullets to work around this? Right now we use Figma for not only prototypes, but for a lot of print out informational papers for clients, and with this issue, we cannot create those easily. We love Figma and hope we can find a work around for this soon!

The support for bullets and numbered lists was huge for me as it lets me write out UX specs as a numbered list, that I bind to a callout layer on top of my mocks. The numbered list makes it easy for me to refer to a specific specification (pun unavoidable), which helps with communication with Devs, PM, and QA.

Anyhow, regarding your first issue, I use Shift+Enter to write out paragraphs in between the numbers/bullets - that way I’m still in a proper numbered list, and the numbers still update automatically.

Here is an example.

It’s still limited in terms of the alignment (can’t have it look flush left as in your example), and yeah there’s the color issue with the number/bullet.

But hey, at least we have numbered lists :slight_smile:

1 Like

Is each “item” a separate group/frame/component instance, and are these put in an Auto-Layout?

My use case would be to be able to have component instances lined up in a Auto-Layout, but allow a text field in the component to continue numbering.