{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/how-to-edit-text-in-figma","route":"/learn/how-to-edit-text-in-figma","canonical":"https://www.layerpath.com/learn/how-to-edit-text-in-figma","title":"How to Edit Text in Figma","h1":"How to Edit Text in Figma","description":"Discover the essential steps to edit text in Figma with our comprehensive guide. Enhance your design skills and create stunning visuals effortlessly.","archetype":"tutorial","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"How to Edit Text in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"This guide provides a detailed step-by-step walkthrough on how to edit text in Figma. Follow these steps to learn how to add and modify text in your design projects using Figma."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm99dhprc0004l50cq9trqj5r/tour","canonicalUrl":"https://share.layerpath.com/e/cm99dhprc0004l50cq9trqj5r/tour","id":"cm99dhprc0004l50cq9trqj5r"},{"type":"list","ordered":true,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Select the Text Tool"}]},{"type":"text","value":" – Press "},{"type":"strong","children":[{"type":"text","value":"T"}]},{"type":"text","value":" on your keyboard or click the "},{"type":"strong","children":[{"type":"text","value":"Text (T)"}]},{"type":"text","value":" icon from the toolbar."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Click the Text Layer"}]},{"type":"text","value":" – Click on the existing "},{"type":"strong","children":[{"type":"text","value":"text box"}]},{"type":"text","value":" you want to edit."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Edit the Text"}]},{"type":"text","value":" – Start "},{"type":"strong","children":[{"type":"text","value":"typing"}]},{"type":"text","value":" to modify the content directly."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Highlight to Style"}]},{"type":"text","value":" – Select specific words or characters to "},{"type":"strong","children":[{"type":"text","value":"change font, size, color, or alignment"}]},{"type":"text","value":" from the right-hand panel."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Use the Properties Panel"}]},{"type":"text","value":" – Adjust text properties like "},{"type":"strong","children":[{"type":"text","value":"line height"}]},{"type":"text","value":", "},{"type":"strong","children":[{"type":"text","value":"letter spacing"}]},{"type":"text","value":", and "},{"type":"strong","children":[{"type":"text","value":"text case"}]},{"type":"text","value":" in the right panel."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Resize the Text Box"}]},{"type":"text","value":" – Drag the corners or sides to "},{"type":"strong","children":[{"type":"text","value":"resize"}]},{"type":"text","value":" the text container without changing the font size."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Exit Edit Mode"}]},{"type":"text","value":" – Click anywhere outside the text box or press "},{"type":"strong","children":[{"type":"text","value":"Esc"}]},{"type":"text","value":" when you're done editing."}]}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm99dhprc0004l50cq9trqj5r/tour","canonicalUrl":"https://share.layerpath.com/e/cm99dhprc0004l50cq9trqj5r/tour","id":"cm99dhprc0004l50cq9trqj5r"}],"plainText":["How to Edit Text in Figma","This guide provides a detailed step-by-step walkthrough on how to edit text in Figma. Follow these steps to learn how to add and modify text in your design projects using Figma.","https://share.layerpath.com/e/cm99dhprc0004l50cq9trqj5r/tour","Select the Text Tool – Press T on your keyboard or click the Text (T) icon from the toolbar.\nClick the Text Layer – Click on the existing text box you want to edit.\nEdit the Text – Start typing to modify the content directly.\nHighlight to Style – Select specific words or characters to change font, size, color, or alignment from the right-hand panel.\nUse the Properties Panel – Adjust text properties like line height, letter spacing, and text case in the right panel.\nResize the Text Box – Drag the corners or sides to resize the text container without changing the font size.\nExit Edit Mode – Click anywhere outside the text box or press Esc when you're done editing."]}