Figma, a widely-used design tool, offers a myriad of features to enhance your design projects. One such feature, often overlooked but incredibly useful, is the ability to use superscript. In this article, we’ll guide you through the steps to superscript text in Figma, ensuring your designs are both functional and aesthetically pleasing.

Table of Content Hide
1 Steps to Superscript Text in Figma
2 Fine-Tuning Your Superscripted Text
3 Conclusion
3.1 Like this:
3.2 Related

Steps to Superscript Text in Figma

  1. Selecting the Text: Start by double-clicking on the text you wish to edit. Once inside, click and drag to highlight the specific letters or words you want to superscript. For instance, if you’re working with time and want to superscript “PM”, simply highlight “PM”.
  2. Accessing Text Options: On the right side of the Figma interface, you’ll find the text panel. Click on the three dots within this panel to reveal more options.
  3. Navigating to the ‘Details’ Section: Within the expanded options, you’ll see tabs labeled ‘Basics’, ‘Details’, and ‘Variable’ (if it’s a variable font). Click on the ‘Details’ tab.
  4. Scrolling to Find Superscript: This section is scrollable, a feature that might not be immediately obvious. Scroll down until you find the ‘Position’ option. Here, you can choose between ‘Subscript’ and ‘Superscript’. Select ‘Superscript’ to apply the effect to your highlighted text.

Fine-Tuning Your Superscripted Text

While Figma automatically adjusts the position of the superscripted text, you might want to make further adjustments for perfect alignment:

  • Adjusting Text Size: After superscripting, you can change the text size for a better fit. For instance, if the superscripted “PM” doesn’t align with the top of a number like “245”, you can reduce the font size of “PM” for a better fit.
  • Styling the Superscripted Text: Figma allows you to style the superscripted text separately. Whether you want to change its weight, font, or any other attribute, you can do so just like you would with regular text.

Conclusion

Superscripting in Figma might seem hidden at first, but once you know where to look, it’s a straightforward process. By incorporating superscript into your designs, you can add a touch of professionalism and clarity, especially when dealing with references, footnotes, or specific notations. Remember these steps the next time you’re working on a Figma project, and elevate your designs with ease.