Skip to main content

Launched: Faux superscript support


Jung_Lee_ESI

Many fonts don’t have super script and sub script support, so they’re disabled (at least all the font I need to use).

I know some fonts have built-in symbols for TM, SM, R, C, etc, but in many cases, they’re not superscripted or inconsistently so.

It would be great if Figma supports faux Super Script, where you can highlight any characters, make them smaller, and adjust the positioning. (similar to how our engineering friends would implement it using and CSS to fine tune)

33 replies

Gleb
  • Power Member
  • 4706 replies
  • February 10, 2021

A lot of fonts don’t have this OpenType flag (which is used by Figma), but many still have the characters that can be typed manually: ¹²³⁴⁵⁶⁷⁸⁹⁰


Jung_Lee_ESI

I sort of understand the desire to keep things Kosher, but this has been an issue for a while.

One member put it the best:

Also putting my hand up here for this need. As designers, we don’t always have control over what fonts our clients use, and this problem is something that comes up all the time.

https://spectrum.chat/figma/help/sub-and-superscript-not-working~b263d5bc-62ea-42a6-afc9-0b91426a7fdc

https://spectrum.chat/figma/general/superscript-and-subscript-still-not-working-a-year-later~85cfcb75-95fa-41f3-b035-d728544904d2

https://spectrum.chat/figma/help/sub-and-superscript-not-working~b263d5bc-62ea-42a6-afc9-0b91426a7fdc


Tony_Allsopp

This is a massive +1 from me. Working in the healthcare sector, references are really important. I like the idea of keeping it ‘pure’, but it’s just not realistic if the rest of the web doesn’t work like that. Since Figma is built on web technologies, surely it can’t be hard to use cutting-edge markup techniques like <sup>?


Tony_Allsopp

True. But support for reference symbols is rare (e.g. †, ‡, §, ‖, ¶).

Also, when working with scientific content it’s not uncommon to have multiple references at the end of a sentence, and you need to separate each of those with a comma (e.g. ‘1,2,3’). Unfortunately pretty much no font has a dedicated superscript comma character.


Gleb
  • Power Member
  • 4706 replies
  • February 16, 2021

I’m pretty sure it’s not rare, it’s non-existent. There are no unicode characters for that. Only the open type font feature can do it but I don’t think any fonts would include those characters in it. I know @Tom_Lowry worked on a private plugin for something like this, maybe it’s worth sharing, Tom?


Derek_Durand

I work for a company that supports multiple brands that legally require for the creative to be both in french and english. Currently our english trademarks work fine, however it takes our team a lot of time to type set every trademark in FR as it has to be done manually.

I would love to see support from Figma in getting some sort of plug-in or function in the program to support forced super script!


Tony_Allsopp

It doesn’t seem like there’s a solution coming from Figma any time soon, so we’ve started the process of creating a bespoke font (using FontSelf) with a wide range of superscript characters and weights. Not ideal and seems excessive, but will solve it for us until there is enough support for Figma to build this in.


Gleb
  • Power Member
  • 4706 replies
  • February 18, 2021

If you could publish your creation in the future, that would be awesome!


PleaseMakeSuperscriptsHappen

I work for a healthcare agency and references are a HUGE deal. We are currently on the fence between XD and FIGMA and as much as we are liking FIGMA, this simple thing is a dealbreaker.

XD supports superscripts on any/all characters, it’s not a font solution.

Please! Fix this for all of us in the healthcare, legal and scientific fields. It’s truly a dealbreaker and will force us to XD.


Pierre_Bremell

Hi, does anyone solved this problem? I’m working for a huge medical company and we must have superscripts in the design. We can make footnotes with numbers but not “,” between numbers. Now we probably move to XD or Sketch because of this.


Tony_Allsopp

Hi Pierre, we put together a custom font (based on Inter) with three weights that includes a number of common reference characters (including commas). Below is a link to the cheatsheet, which also includes links to download the fonts.

Figma – 18 Feb 21

Pierre_Bremell

Thank you, Tony! You made my day, my company and my client more than happy! 🙂


Casian
  • 1 reply
  • April 27, 2021

Hi all!

I’m in the same situation as many of you as I work with healthcare clients and I found a solution until Figma gets this sorted.

@Tom_Lowry created a plugin for this: https://github.com/thomas-lowry/superscript

I found that adding new symbols to the code.js file works wonders if you need more.

Try it out!


Monique
  • 5 replies
  • July 1, 2021

+1. The company I work for must have a TM after it’s name in every instance.


Scott_Shaw

Hi Tony. Is there any chance you could add a ‘TM’ to that list of characters?


Tracy_O_Callaghan

Alot of the font won’t superscript characters such as comma’s, this is causing huge issues for my healthcare client work, please sort this out asap otherwise I’ll have to make the switch to AdobeXD.


Tony_Allsopp

We’ll get a TM symbol added to the font and update here.

@Tracy_O_Callaghan you’re not referring specifically to the font we created are you? Commas def work if you have that font selected.


Tracy_O_Callaghan

@Tony_Allsopp amazing I hadn’t realise that, thanks so much!! 🙏


Vivian_Wong

Trying to superscript MD and it totally not doing it. Total deal breaker.


Like others have said, referenced work is nearly impossible using Figma. XD and Sketch support workarounds, why not Figma? I would trade 10 FigJams for this.


Janelle
  • 3 replies
  • October 13, 2021

+1 for this – this has been an ongoing and time-consuming issue for my financial client work. Some of the workarounds for numbers and symbols work but for superscripting letters with numbers like 1st, 2nd, 3rd, etc I can’t find any workarounds. Please fix ASAP - or if someone has any suggestions for that, it would be much appreciated.


Mel-Ich
  • 2 replies
  • October 25, 2021

Hello Tony. All letters from a-z would be soooo great 🙂


Mico_Coffman

Does anyone have the list of standard Figma fonts that are OTF AND have superscripting enabled?


Ely_Vanloo

Working for the healthcare sector as well and lack of superscript support has been a real pain, Inter font was lacking some characters too but this is a real timesaver, thanks! 💯

It’s a shame there hasn’t been improvement for this issue although it has been noted for years now, hope Figma steps up their game here, <sup> is such an elementary feature.


Christian_Pelletier

Ditto to all letters a-z! Working with a lot of French clients that have superscript after letters, for example, school grades: 2e, 3e, 4e, 5e, 6e, etc.

It’s absolutely insane to me that Figma still doesn’t support this. This issue was first flagged 4 years ago on other support forums.


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