Aligning numbers in a list on a decimal point

[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.

[burningbag]

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

[Timj]

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

Aligning decimal points in HTML

Simple answer use a non proportional font.

[tank666]

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

Explore text properties

[burningbag]

Thank you for this!