Skip to main content

LAUNCHED: Numbered Lists - starting from a number other than 1


Kenny_Zeng

How would one go about starting a Numbered Lists from a middle number - for example I wanted to break apart a numbered list so I need to have a numbered lists that starts from 15 instead of 1?

This topic has been closed for comments

12 replies

ntfromchicago

As a workaround, I create a text style that effectively hides rows 1-14 (e.g. font size of 1, line height of 0 no fill).


Levi_Bahn

This workaround styling is applied to the numbers as well, so 15 vanishes at 1 and no fill. What am I missing?


ntfromchicago

Sadly, my workaround marked as the solution no longer works with the latest version of Figma (114.4) as of this writing.

I have another technique which is also a workaround and more complex, but fixes the issue.

This workaround takes advantage of the new Auto Layout that allows you to anchor a mask to the frame:

  1. Place a numbered list in an Auto Layout frame that hugs contents
  2. Add a rectangle in the AL frame and pin it to the edges (top+bottom, left+right), then make it a mask
  3. Create a text style that matches your list font, but set the spacing to 0
  4. Select the rows you want to hide and set it to the text style

If you did everything correctly, you should see those lines “disappear” and the only thing left is a block on the top of squished text.

  1. Adjust the top and left side of the mask to cover that squished text but ensure the numbers on the left are visible.

The main drawback to this technique is that you are stuck with a little gap at the top.

Here’s an example component of the structure I created to contain these numbered lists.

image


Ronan
  • 1 reply
  • May 17, 2022

My quick workaround for this is just to put some dummy content in for rows 1-14, then frame the text and use ‘clip content’ to mask out the rows I don’t want.


Clarence_Liu

Hopefully an easier way to do this is on the roadmap.


paulfg
  • 2 replies
  • March 13, 2023

There is still no solution for it 🫠 at the moment I create the text box in a frame and then I hit the checkbox “clip content”. But I dont like this workaround…


dvaliao
Figmate
  • Community Support
  • 4680 replies
  • March 28, 2023

Hey All,

With the launch of today’s Little Big Updates, you can auto-format numbered lists—even if they don’t start with 1! 🎉


dvaliao
Figmate
  • Community Support
  • 4680 replies
  • March 30, 2023

2 posts were split to a new topic: Numbered lists not working?


111335
  • 2 replies
  • May 2, 2023

How to do it?


dvaliao
Figmate
  • Community Support
  • 4680 replies
  • May 2, 2023
  • Select the T in the Toolbar or use the T shortcut to access the Text tool
  • Click on the canvas or click and drag to create a new text layer
  • From within the text layer, there are a couple of ways to start a numbered list:
    • Enter any number followed by one of the creation characters below followed by a Space:
      • .
      • )
    • Type the number you wish to start with then click in the Text section of the right sidebar, then select Numbered list.

Cris_Martinez

The solution is very easy. No need to mask or anything.

  1. Add your desired items to a textbox

  2. Make it a numbered list, as you normally would

  3. Edit the item:
    a. Place your cursor before the first item on your list
    b. Hit backspace once, to delete the number before your first item
    c. Add your Starting Number, the Period, and a Space. The rest of the list will be auto-formatted, following your number and styling
    image


  • 0 replies
  • November 22, 2023

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.


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