Skip to main content

Unordered list with a custom bullet point image


Michal_Krz

Currently, we can choose from three options for the list.

  • Lines one below the other, with no markers on the left.
  • An ordered list with numbers.
  • Unordered list starting with a filled circle.

In CSS, there are many more possibilities for formatting lists (ordered and unordered).

 

However, my question concerns an unordered list where we can specify our own bullet image using "list-style-image: url('file-name.svg');".

Currently, I have a workaround using a component arranged in autolayout. This worked great in Figma projects, but it no longer works in Figma Buzz.

 

Each new line of my list is recognized as a different text variable. This wouldn't be a problem if you could remove or add sub-items in a template prepared for Figma Buzz, but you can't.

 

It would make working on templates in Figma Buzz much easier if Figma implemented the remaining options available in CSS in the future.

 

It might be a good idea to add another menu option in the "type settings" section. This menu could have options for lists, similar to the "Decoration" menu, which is located to the right of the three text decoration options.

Reply


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