{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/how-to-superscript-in-figma","route":"/learn/how-to-superscript-in-figma","canonical":"https://www.layerpath.com/learn/how-to-superscript-in-figma","title":"How to Superscript in Figma","h1":"How to Superscript in Figma","description":"Discover how to easily superscript text in Figma with our step-by-step guide. Enhance your design skills and create professional-looking typography today.","archetype":"tutorial","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"How to Superscript in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"This guide provides a detailed step-by-step walkthrough on how to apply superscript formatting to your text in Figma."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9b3fo4r0004l20clepk8dhn/tour","canonicalUrl":"https://share.layerpath.com/e/cm9b3fo4r0004l20clepk8dhn/tour","id":"cm9b3fo4r0004l20clepk8dhn"},{"type":"list","ordered":true,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Select the Text Layer"}]},{"type":"text","value":" – Click on the text where you want to apply superscript."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Highlight the Character(s)"}]},{"type":"text","value":" – Select the specific character(s) to superscript."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Open the Right Sidebar"}]},{"type":"text","value":" – Ensure the "},{"type":"strong","children":[{"type":"text","value":"Text"}]},{"type":"text","value":" section is visible."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Manually Reduce Font Size"}]},{"type":"text","value":" – Decrease the font size of the selected text (e.g., from 16px to 10px)."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Adjust Baseline"}]},{"type":"text","value":" – Use the "},{"type":"strong","children":[{"type":"text","value":"line height"}]},{"type":"text","value":" or manually drag to move the smaller text upward."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Tweak for Alignment"}]},{"type":"text","value":" – Fine-tune the position to match typical superscript formatting."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Done"}]},{"type":"text","value":" – The selected text now appears as superscript."}]}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9b3fo4r0004l20clepk8dhn/tour","canonicalUrl":"https://share.layerpath.com/e/cm9b3fo4r0004l20clepk8dhn/tour","id":"cm9b3fo4r0004l20clepk8dhn"}],"plainText":["How to Superscript in Figma","This guide provides a detailed step-by-step walkthrough on how to apply superscript formatting to your text in Figma.","https://share.layerpath.com/e/cm9b3fo4r0004l20clepk8dhn/tour","Select the Text Layer – Click on the text where you want to apply superscript.\nHighlight the Character(s) – Select the specific character(s) to superscript.\nOpen the Right Sidebar – Ensure the Text section is visible.\nManually Reduce Font Size – Decrease the font size of the selected text (e.g., from 16px to 10px).\nAdjust Baseline – Use the line height or manually drag to move the smaller text upward.\nTweak for Alignment – Fine-tune the position to match typical superscript formatting.\nDone – The selected text now appears as superscript."]}