# how to superscript in figma  

Viewport: 1910x922 @1.25x

Playback: autoplay=false durationMs=3000 navBar=false arrows=true callouts=true browserBar=false browserTheme=light

1. [Intro] How to Add Superscript in Figma
   - body: This guide provides a detailed step-by-step walkthrough on how to apply superscript formatting to your text in Figma.
   - voiceover: This guide will walk you through the steps to create superscript text in Figma. Whether you're adding footnotes, mathematical exponents, or any other superscript text, follow these easy steps to achieve the desired effect.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b4hul800000cjm01lxdalf.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
1. step_01 [image] - Open Figma and Click on the Text button located in the toolbar at the top or press the 'T' key on your keyboard.
   - source type: IMAGE
   - description: Select Text Tool
   - target: (776.0222393899604, 660.799984227195), rect: top=686.4000244140625 left=769.5 width=32 height=32
   - hotspots: 1
     - hotspot_01 (776.0222393899604, 660.799984227195), rect: top=686.4000244140625 left=769.5 width=32 height=32
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Open Figma and click on the Text button located in the toolbar at the top, or press the 'T' key on your keyboard.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b4hyid00020cjmda97a702.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b3fulx000203hu1l78272z.png
2. step_02 [image] - Click anywhere on the canvas where you want to create your text. This will generate a new text layer.
   - source type: IMAGE
   - description: Create Text Layer
   - target: (906.5415892089762, 513.173721605981), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (906.5415892089762, 513.173721605981), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Click anywhere on the canvas where you want to create your text. This will generate a new text layer.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b4hykc00030cjm81rtdlgx.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b3fwh1000403huvcgrad9z.png
3. step_03 [video] - Click here
   - source type: VIDEO
   - target: (834, 555), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (834, 555), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - clip: start=6.533 end=12.76 duration=6.226999999999999
   - video: url=https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b3fo65000g0cl28as17wc9.webm speed=2.5 muted=true
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b3fo65000g0cl28as17wc9.webm
4. step_04 [image] - Type your full text.
Highlight the part you want as superscript.
   - source type: IMAGE
   - description: Type Your Text
   - target: (790.385139461968, 528.4136228779196), rect: top=129.60000610351562 left=1287.800048828125 width=240.1999969482422 height=40
   - hotspots: 1
     - hotspot_01 (790.385139461968, 528.4136228779196), rect: top=129.60000610351562 left=1287.800048828125 width=240.1999969482422 height=40
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Type your full text. Highlight the part of the text you want to convert to superscript.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b4hykw00040cjm45cr7r9q.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b3geoe000i03hu6019ix4f.png
5. step_05 [image] - In the right-hand panel, look for the 'Type details' section to change the text properties click on setting icon there.
   - source type: IMAGE
   - description: Highlight Text to Superscript
   - target: (1457.8185188188168, 440.69458829557936), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (1457.8185188188168, 440.69458829557936), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: In the right-hand panel, look for the 'Type details' section. Click on the settings icon to change the text properties.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b4hylh00050cjmdpkycfpj.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b3gt75000j03hu54kzg810.png
6. step_06 [image] - Inside that hover over Details.
   - source type: IMAGE
   - description: Open Text Options
   - target: (1126.1024412724455, 267.94181093965886), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (1126.1024412724455, 267.94181093965886), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Hover your mouse over the 'Details' section to reveal more options.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b4hym600060cjmg6ssdno9.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b3gtob000k03hu43ni86xf.png
7. step_07 [image] - Use the 'Baseline' option to raise the text to the superscript position.
   - source type: IMAGE
   - description: Apply Superscript
   - target: (1251.2907903037458, 527.5013618391806), rect: top=100 left=100 width=100 height=100
   - hotspots: 1
     - hotspot_01 (1251.2907903037458, 527.5013618391806), rect: top=100 left=100 width=100 height=100
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Use the 'Baseline' option to raise the text to the superscript position. Adjust until the text appears correctly.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b4hymu00070cjma3dufwq9.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b3jvko00003j76wqqs70jm.png
8. step_08 [image] - Here we have done Superscript.
   - source type: IMAGE
   - target: (855.5346280478255, 555.0138526271671), rect: top=100 left=100 width=100 height=100
   - hotspots: 1
     - hotspot_01 (855.5346280478255, 555.0138526271671), rect: top=100 left=100 width=100 height=100
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: You have now successfully created superscript text.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b4hyni00080cjma3baf3rq.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b3mpr500013j76eeau85y4.png
10. [Outro] Review and Continue
   - body: After applying the superscript, review your text to ensure it looks correct. You can now continue with other text formatting or design adjustments in your project.
   - voiceover: Now that you know how to create superscript text, you can add it to any of your Figma projects. Experiment with other text properties to further customize your design.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9b3fo4r0004l20clepk8dhn/cm9b4hx2u00010cjmhxc65f64.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM

Source: https://share.layerpath.com/share/cm9b3fo4r0004l20clepk8dhn/tour