{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/how-to-edit-in-figma","route":"/learn/how-to-edit-in-figma","canonical":"https://www.layerpath.com/learn/how-to-edit-in-figma","title":"How to Edit in Figma","h1":"How to Edit in Figma","description":"Discover essential tips and techniques for editing in Figma. Enhance your design skills and streamline your workflow with our comprehensive guide.","archetype":"tutorial","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"How to Edit in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"This guide provides a step-by-step process on how to make specific edits in Figma. Follow these steps carefully to successfully complete the editing task."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9e632rx0024le0df8nkptu6/tour","canonicalUrl":"https://share.layerpath.com/e/cm9e632rx0024le0df8nkptu6/tour","id":"cm9e632rx0024le0df8nkptu6"},{"type":"list","ordered":true,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Open Your Figma File"}]},{"type":"text","value":" – Launch Figma and open the design file you want to edit."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Select the Element"}]},{"type":"text","value":" – Click on the text, shape, image, or component you want to edit."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Edit Text"}]},{"type":"text","value":" – Double-click on any text layer to start typing and make changes."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Edit Shapes or Images"}]},{"type":"text","value":" – Select the shape or image, then use the right-hand panel to adjust color, size, stroke, effects, etc."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Move or Resize Elements"}]},{"type":"text","value":" – Click and drag to move, or drag corners to resize. Hold "},{"type":"inlineCode","value":"Shift"},{"type":"text","value":" to maintain proportions."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Use the Properties Panel"}]},{"type":"text","value":" – Use the right-hand panel for fine-tuning like alignment, rotation, opacity, and constraints."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Edit Components"}]},{"type":"text","value":" – Double-click to go inside a component and make changes. Edits will reflect wherever it’s used (unless it's detached)."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Done"}]},{"type":"text","value":" – Your design is now updated with your edits."}]}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9e632rx0024le0df8nkptu6/tour","canonicalUrl":"https://share.layerpath.com/e/cm9e632rx0024le0df8nkptu6/tour","id":"cm9e632rx0024le0df8nkptu6"}],"plainText":["How to Edit in Figma","This guide provides a step-by-step process on how to make specific edits in Figma. Follow these steps carefully to successfully complete the editing task.","https://share.layerpath.com/e/cm9e632rx0024le0df8nkptu6/tour","Open Your Figma File – Launch Figma and open the design file you want to edit.\nSelect the Element – Click on the text, shape, image, or component you want to edit.\nEdit Text – Double-click on any text layer to start typing and make changes.\nEdit Shapes or Images – Select the shape or image, then use the right-hand panel to adjust color, size, stroke, effects, etc.\nMove or Resize Elements – Click and drag to move, or drag corners to resize. Hold Shift to maintain proportions.\nUse the Properties Panel – Use the right-hand panel for fine-tuning like alignment, rotation, opacity, and constraints.\nEdit Components – Double-click to go inside a component and make changes. Edits will reflect wherever it’s used (unless it's detached).\nDone – Your design is now updated with your edits."]}