Skip to main content
Question

Aligning numbers in a list on a decimal point

  • October 28, 2022
  • 4 replies
  • 1412 views

burningbag

Tried looking for a solution for this but couldn’t find one, sorry if it’s posted somewhere! A little newer to using Figma/design in general.

Creating a table that includes a list of numbers. When I use a ‘1’, the sizing becomes inconsistent due to the sizing of the character itself.
Example:
12,345.67
11,234.11

Is there a way to make it so that the numbers are aligned on the decimal point so it looks consistent down the list? The text is right-aligned.

Screen Shot 2022-10-28 at 11.01.35 AM

4 replies

burningbag
  • Author
  • 2 replies
  • October 28, 2022

Another thing that might affect a solution for this is that I had to format this as a “ROW” not a column.

Screen Shot 2022-10-28 at 11.33.33 AM


Timj
  • New Member
  • 82 replies
  • October 29, 2022

Not sure why you would design this as it’s actually non trivial to implement

stackoverflow.com

Simple answer use a non proportional font.


tank666
  • 4868 replies
  • October 29, 2022

Open Type Settings and change the number style to “Monospace uppercase/lining”.

Figma Help Center

burningbag
  • Author
  • 2 replies
  • October 31, 2022

Thank you for this!


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