# how to round corners in figma

Viewport: 1910x922 @1.25x

Playback: autoplay=false durationMs=3000 navBar=false arrows=true callouts=true browserBar=false browserTheme=light

1. [Intro] How to Round Corners in Figma
   - body: 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.
   - voiceover: This guide will walk you through the steps to round the corners of a shape or element in Figma. Follow these steps to easily round corners and enhance your designs.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cgcrow0004l40dgas49e5c/cm9cgl1vy00000dl4h8mpfbry.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
1. step_01 [image] - Open Figma.
   - source type: IMAGE
   - description: Select the Object
   - target: (778, 372), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (778, 372), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Launch the Figma application on your computer or open the Figma website in your browser.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cgcrow0004l40dgas49e5c/cm9cgl6xt00020dl48w1u3pax.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cgcrow0004l40dgas49e5c/cm9cgczrd000103hupkhppbvd.png
2. step_02 [image] -  Click on the shape or element whose corners you want to round. Ensure it is highlighted or selected and then go to right sidebar, find the corner radius field.
   - source type: IMAGE
   - description: Open Design Panel
   - target: (746.8144140386025, 243.88365030368405), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (746.8144140386025, 243.88365030368405), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Click on the shape or element whose corners you want to round. Ensure it is highlighted or selected.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cgcrow0004l40dgas49e5c/cm9cgl6yj00030dl4c4ku21ja.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cgcrow0004l40dgas49e5c/cm9cgd09k000203hu9dukkov3.png
3. step_03 [video] - Click here
   - source type: VIDEO
   - target: (961, 314), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (961, 314), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - clip: start=7.997 end=20.279 duration=12.282
   - video: url=https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cgcrow0004l40dgas49e5c/cm9cgcrq300030dl43500g2ov.webm speed=2 muted=true
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cgcrow0004l40dgas49e5c/cm9cgcrq300030dl43500g2ov.webm
4. step_04 [image] - Enter a value (e.g., 80) or drag the corner nodes directly on the canvas and finally we have our frame with rounded corners.
   - source type: IMAGE
   - description: Adjust Corner Radius
   - target: (669.5290588887317, 338.1883400283699), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (669.5290588887317, 338.1883400283699), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: In the right sidebar, locate the 'Corner Radius' field. This is where you will input the radius value to round the corners.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cgcrow0004l40dgas49e5c/cm9cgl6z900040dl4a3yjerjr.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cgcrow0004l40dgas49e5c/cm9cgdavy000503huq4ufkyr8.png
6. [Outro] Congratulations 🎉
   - body: You have successfully rounded the corners of your selected object. To further customize your design, you might want to explore adding effects or adjusting other properties in the Design panel.
   - voiceover: You have successfully rounded the corners of your element. Next, you might want to experiment with different radius values or apply other styling adjustments to optimize your design.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cgcrow0004l40dgas49e5c/cm9cgl4km00010dl4cq9c9nni.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM

Source: https://share.layerpath.com/share/cm9cgcrow0004l40dgas49e5c/tour