{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/how-to-change-figma-background-color","route":"/learn/how-to-change-figma-background-color","canonical":"https://www.layerpath.com/learn/how-to-change-figma-background-color","title":"How to Change Figma Background Color","h1":"How to Change Figma Background Color","description":"Discover the simple steps to change the background color in Figma. Enhance your design projects with our easy-to-follow guide and tips.","archetype":"tutorial","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"How to Change Figma Background Color"}]},{"type":"paragraph","children":[{"type":"text","value":"This guide will walk you through the steps to change the background color in Figma. Follow these steps to easily customize the background of your design canvas."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm99vl3k90004k30cotm3l9t6/tour","canonicalUrl":"https://share.layerpath.com/e/cm99vl3k90004k30cotm3l9t6/tour","id":"cm99vl3k90004k30cotm3l9t6"},{"type":"list","ordered":true,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Select the Canvas or Frame"}]},{"type":"text","value":" – Click on an empty area or choose the frame you want to edit."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Open the Right Panel"}]},{"type":"text","value":" – Look for the "},{"type":"strong","children":[{"type":"text","value":"Background"}]},{"type":"text","value":" or "},{"type":"strong","children":[{"type":"text","value":"Fill"}]},{"type":"text","value":" section on the right side."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Enable Fill (if not visible)"}]},{"type":"text","value":" – If there's no fill, click "},{"type":"strong","children":[{"type":"text","value":"+"}]},{"type":"text","value":" to add one."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Click the Color Box"}]},{"type":"text","value":" – A color picker will appear."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Choose a Color"}]},{"type":"text","value":" – Pick your desired background color or enter a hex code."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Apply to Frame"}]},{"type":"text","value":" – If you’re working inside a frame, ensure the frame is selected, not elements inside."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Adjust Opacity or Effects"}]},{"type":"text","value":" – Optionally, set opacity or add background blur for more styling."}]}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm99vl3k90004k30cotm3l9t6/tour","canonicalUrl":"https://share.layerpath.com/e/cm99vl3k90004k30cotm3l9t6/tour","id":"cm99vl3k90004k30cotm3l9t6"}],"plainText":["How to Change Figma Background Color","This guide will walk you through the steps to change the background color in Figma. Follow these steps to easily customize the background of your design canvas.","https://share.layerpath.com/e/cm99vl3k90004k30cotm3l9t6/tour","Select the Canvas or Frame – Click on an empty area or choose the frame you want to edit.\nOpen the Right Panel – Look for the Background or Fill section on the right side.\nEnable Fill (if not visible) – If there's no fill, click + to add one.\nClick the Color Box – A color picker will appear.\nChoose a Color – Pick your desired background color or enter a hex code.\nApply to Frame – If you’re working inside a frame, ensure the frame is selected, not elements inside.\nAdjust Opacity or Effects – Optionally, set opacity or add background blur for more styling."]}