{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/how-to-round-corners-in-figma","route":"/learn/how-to-round-corners-in-figma","canonical":"https://www.layerpath.com/learn/how-to-round-corners-in-figma","title":"How to Round Corners in Figma","h1":"How to Round Corners in Figma","description":"Discover the step-by-step guide on how to round corners in Figma. Enhance your design skills and create visually appealing graphics effortlessly.","archetype":"tutorial","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"How to Round Corners in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"This guide provides a detailed step-by-step walkthrough on how to round corners for shapes or elements in Figma. Follow these instructions to easily round the corners of any design element within your Figma project."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9cgcrow0004l40dgas49e5c/tour","canonicalUrl":"https://share.layerpath.com/e/cm9cgcrow0004l40dgas49e5c/tour","id":"cm9cgcrow0004l40dgas49e5c"},{"type":"list","ordered":true,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Select the Shape or Frame"}]},{"type":"text","value":" – Click on the rectangle, frame, or any object you want to round."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Look for the Corner Radius Field"}]},{"type":"text","value":" – On the right-hand panel, under the "},{"type":"strong","children":[{"type":"text","value":"Design"}]},{"type":"text","value":" tab, locate the "},{"type":"strong","children":[{"type":"text","value":"“corner radius”"}]},{"type":"text","value":" input (it may appear as a number like “0” or with a corner icon)."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Enter a Radius Value"}]},{"type":"text","value":" – Type a number (e.g., "},{"type":"strong","children":[{"type":"text","value":"10"}]},{"type":"text","value":") or use the up/down arrows to adjust the rounding."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Round Specific Corners (Optional)"}]},{"type":"text","value":" – Click the "},{"type":"strong","children":[{"type":"text","value":"independent corners icon"}]},{"type":"text","value":" (4 dots or a chain link icon). This lets you set different values for each corner (top-left, top-right, etc.)."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Done"}]},{"type":"text","value":" – Your shape now has smoothly rounded corners!"}]}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9cgcrow0004l40dgas49e5c/tour","canonicalUrl":"https://share.layerpath.com/e/cm9cgcrow0004l40dgas49e5c/tour","id":"cm9cgcrow0004l40dgas49e5c"}],"plainText":["How to Round Corners in Figma","This guide provides a detailed step-by-step walkthrough on how to round corners for shapes or elements in Figma. Follow these instructions to easily round the corners of any design element within your Figma project.","https://share.layerpath.com/e/cm9cgcrow0004l40dgas49e5c/tour","Select the Shape or Frame – Click on the rectangle, frame, or any object you want to round.\nLook for the Corner Radius Field – On the right-hand panel, under the Design tab, locate the “corner radius” input (it may appear as a number like “0” or with a corner icon).\nEnter a Radius Value – Type a number (e.g., 10) or use the up/down arrows to adjust the rounding.\nRound Specific Corners (Optional) – Click the independent corners icon (4 dots or a chain link icon). This lets you set different values for each corner (top-left, top-right, etc.).\nDone – Your shape now has smoothly rounded corners!"]}