{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/how-to-insert-image-in-figma","route":"/learn/how-to-insert-image-in-figma","canonical":"https://www.layerpath.com/learn/how-to-insert-image-in-figma","title":"How to Insert Image in Figma","h1":"How to Insert Image in Figma","description":"Learn how to easily insert images in Figma with our step-by-step guide. Enhance your design projects and streamline your workflow today!","archetype":"tutorial","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"How to Insert Image in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"This guide provides a detailed walkthrough of the steps needed to insert an image into a Figma design project. Follow each step carefully to ensure accurate results."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9cjwxvo0057i80dztotmbxt/tour","canonicalUrl":"https://share.layerpath.com/e/cm9cjwxvo0057i80dztotmbxt/tour","id":"cm9cjwxvo0057i80dztotmbxt"},{"type":"list","ordered":true,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Open Your Figma File"}]}]},{"type":"list","ordered":false,"items":[{"children":[{"type":"paragraph","children":[{"type":"text","value":"Launch Figma and open the design file where you want to insert the image."}]}]}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Use the Image Tool"}]}]},{"type":"list","ordered":false,"items":[{"children":[{"type":"paragraph","children":[{"type":"text","value":"Click on the "},{"type":"strong","children":[{"type":"text","value":"“Place Image”"}]},{"type":"text","value":" icon from the toolbar at the top."}]}]},{"children":[{"type":"paragraph","children":[{"type":"text","value":"Or press the shortcut: "},{"type":"strong","children":[{"type":"text","value":"Shift + Ctrl/Cmd + K"}]},{"type":"text","value":"."}]}]}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Choose Your Image File"}]}]},{"type":"list","ordered":false,"items":[{"children":[{"type":"paragraph","children":[{"type":"text","value":"A file dialog will appear."}]}]},{"children":[{"type":"paragraph","children":[{"type":"text","value":"Select the image you want to insert from your computer."}]}]}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Place the Image on Canvas"}]}]},{"type":"list","ordered":false,"items":[{"children":[{"type":"paragraph","children":[{"type":"text","value":"Click anywhere on the canvas to place the image at its original size."}]}]},{"children":[{"type":"paragraph","children":[{"type":"text","value":"Or click and drag to scale the image as you place it."}]}]}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Adjust as Needed"}]}]},{"type":"list","ordered":false,"items":[{"children":[{"type":"paragraph","children":[{"type":"text","value":"Resize, crop, or move the image using standard Figma tools from the right-hand design panel."}]}]}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Done"}]}]},{"type":"list","ordered":false,"items":[{"children":[{"type":"paragraph","children":[{"type":"text","value":"Your image is now part of the design and can be styled or layered like any other element."}]}]}]}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9cjwxvo0057i80dztotmbxt/tour","canonicalUrl":"https://share.layerpath.com/e/cm9cjwxvo0057i80dztotmbxt/tour","id":"cm9cjwxvo0057i80dztotmbxt"}],"plainText":["How to Insert Image in Figma","This guide provides a detailed walkthrough of the steps needed to insert an image into a Figma design project. Follow each step carefully to ensure accurate results.","https://share.layerpath.com/e/cm9cjwxvo0057i80dztotmbxt/tour","Open Your Figma File Launch Figma and open the design file where you want to insert the image.\nUse the Image Tool Click on the “Place Image” icon from the toolbar at the top.\nOr press the shortcut: Shift + Ctrl/Cmd + K.\nChoose Your Image File A file dialog will appear.\nSelect the image you want to insert from your computer.\nPlace the Image on Canvas Click anywhere on the canvas to place the image at its original size.\nOr click and drag to scale the image as you place it.\nAdjust as Needed Resize, crop, or move the image using standard Figma tools from the right-hand design panel.\nDone Your image is now part of the design and can be styled or layered like any other element."]}