Skip to main content
Question

How to customize bullets and numbered lists?


Paige_Millett

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!

This topic has been closed for replies.

3 replies

SLT-UX
  • Active Member
  • 60 replies
  • April 9, 2021

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 🙂


Richard_van_Laak

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.


Pontus1
  • 1 reply
  • June 11, 2024

I actually found a hacky solution for one of the issues. If you type in “1. Item” it will automatically create a numbered list. if you then hit undo (command Z) and exit the textfield it will reverse to being just type and not a numbered list.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings