Tutorials

Hoe ronde hoeken te maken in Figma

Leer hoe je afgeronde hoeken kunt maken in Figma met de hoekradius-tool. Deze snelle handleiding behandelt het aanpassen van individuele hoeken, het toepassen van uniforme krommingen en sneltoets-tips.

Stap-voor-stap gids: Hoe afgeronde hoeken te maken in Figma

Stap 1

Selecteer het ontwerp in Figma waarvoor je afgeronde hoeken wilt toepassen.

Select the design in Figma for which you want to apply rounded corners.

Stap 2

Zoek in dit menu de sectie "Uiterlijk".

In this menu, locate the "Appearance" section.

Stap 3

Klik erop en voer je gewenste waarde voor de hoekradius in.

Click on it and enter your desired value for the corner radius.

Stap 4

Na het invoeren van de waarde, klik ergens binnen de Figma-sjabloon om de wijzigingen toe te passen.

After entering the value, click anywhere within the Figma template to apply the changes.

Stap 5

Je ziet dan de afgeronde hoeken toegepast op je ontwerp.

You will then see the rounded corners applied to your design.

Pro Tips voor het maken van afgeronde hoeken in Figma

  1. Open je ontwerpbestand
    Start met het openen van Figma en open het bestand dat de vorm of het element bevat dat je wilt bewerken.

  2. Selecteer het object
    Klik op de vorm, het frame of de component die je wilt wijzigen. Je kunt meerdere objecten selecteren indien nodig.

  3. Zoek de hoekradius-optie
    Kijk in het eigenschappenpaneel aan de rechterkant. Je ziet een veld met het label "Hoekradius" onder het tabblad "Ontwerp".

  4. Voer een specifieke straalwaarde in
    Klik in het veld "Hoekradius" en typ een getal om een uniforme straal voor alle hoeken in te stellen. Bijvoorbeeld, als je "10" invoert, worden er 10-pixel afrondingen op elke hoek toegepast.

  5. Gebruik de hoekradius-handles
    Je kunt ook de hoeken visueel aanpassen door de kleine ronde handgrepen op elke hoek van de geselecteerde vorm te slepen.

Veelvoorkomende valkuilen en hoe je deze kunt vermijden

  1. Vorm staat geen hoekbewerking toe
    Sommige vormen zoals lijnen of gegroepeerde elementen ondersteunen mogelijk geen bewerkingen van hoekradii. Maak ze los of gebruik een rechthoek voor volledige controle.

  2. Radius verandert niet zichtbaar
    Als het object te klein is, zal het toepassen van een grote radius geen zichtbare veranderingen vertonen. Vergroot de grootte van de vorm of gebruik een kleinere straalwaarde.

  3. Vergeten individuele hoeken te ontgrendelen
    Als je verschillende radii per hoek wilt, maar vergeet de instelling te ontgrendelen, blijven alle hoeken hetzelfde.

  4. Overdoen van hoekradius
    Zeer grote hoekstralen kunnen de vorm vervormen of niet overeenkomen met het algemene ontwerp. Houd het proportioneel.

  5. Auto Layout-conflicten
    Sommige genestelde Auto Layout-elementen kunnen hoekradiuswaarden resetten of overschrijven. Pas de frame-structuur zorgvuldig aan.

Veelgestelde vragen over het maken van afgeronde hoeken in Figma

  1. Kan ik slechts één hoek van een vorm afronden?
    Ja, door op het onafhankelijke hoekradiuspictogram te klikken, kun je unieke waarden toewijzen aan elke hoek.

  2. Is er een snelkoppeling om de hoekradius toe te passen?
    Er is geen sneltoets die de radius direct toepast, maar je kunt het eigenschappenpaneel of de hoekhandgrepen gebruiken voor snelle aanpassingen.

  3. Kan ik afgeronde hoeken op afbeeldingen gebruiken?
    Ja, selecteer de afbeelding en pas dan een hoekradius toe zoals bij elke andere vorm.

  4. Past de hoekradius op componenten?
    Ja, je kunt hoeken van componenten afronden en de wijzigingen worden op alle instanties toegepast, tenzij ze worden overschreven.

  5. Hoe reset ik de hoekradius?
    Zet de straalwaarde terug op "0" in het eigenschappenpaneel om terug te keren naar scherpe hoeken.

  6. Hoe maak ik een schermopname op een Mac? 
    Om een schermopname op een Mac te maken, kun je Trupeer AI gebruiken. Het stelt je in staat om het volledige scherm vast te leggen en biedt AI-mogelijkheden zoals het toevoegen van AI-avatar, het toevoegen van voice-over, in- en uitzoomen in de video. Met de AI-videovertalingsfunctie van Trupeer kun je de video in meer dan 30 talen vertalen. 

  7. Hoe voeg ik een AI-avatar toe aan een schermopname?
    Om een AI-avatar aan een schermopname toe te voegen, moet je een AI-schermopname-tool gebruiken. Trupeer AI is een AI-schermopname-tool die je helpt video's te maken met meerdere avatars, en het helpt je ook om je eigen avatar voor de video te maken.

  8. Hoe maak ik een schermopname op Windows?
    Om een schermopname op Windows te maken, kun je de ingebouwde Game Bar (Windows + G) gebruiken of een geavanceerde AI-tool zoals Trupeer AI voor meer geavanceerde functies zoals AI-avatar, voice-over, vertaling, enz.

  9. Hoe voeg ik voice-over toe aan een video?
    Om voice-over aan video's toe te voegen, download je de Trupeer AI Chrome-extensie. Nadat je je hebt aangemeld, upload je je video met stem, kies je de gewenste voice-over van Trupeer en exporteer je je bewerkte video. 

  10. Hoe zoom ik in op een schermopname?
    Om in te zoomen tijdens een schermopname, gebruik je de zoom-effecten in Trupeer AI waarmee je kunt inzoomen en uitzoomen op specifieke momenten, wat de visuele impact van je video-inhoud vergroot.

Stap-voor-stap gids: Hoe afgeronde hoeken te maken in Figma

Stap 1

Selecteer het ontwerp in Figma waarvoor je afgeronde hoeken wilt toepassen.

Select the design in Figma for which you want to apply rounded corners.

Stap 2

Zoek in dit menu de sectie "Uiterlijk".

In this menu, locate the "Appearance" section.

Stap 3

Klik erop en voer je gewenste waarde voor de hoekradius in.

Click on it and enter your desired value for the corner radius.

Stap 4

Na het invoeren van de waarde, klik ergens binnen de Figma-sjabloon om de wijzigingen toe te passen.

After entering the value, click anywhere within the Figma template to apply the changes.

Stap 5

Je ziet dan de afgeronde hoeken toegepast op je ontwerp.

You will then see the rounded corners applied to your design.

Pro Tips voor het maken van afgeronde hoeken in Figma

  1. Open je ontwerpbestand
    Start met het openen van Figma en open het bestand dat de vorm of het element bevat dat je wilt bewerken.

  2. Selecteer het object
    Klik op de vorm, het frame of de component die je wilt wijzigen. Je kunt meerdere objecten selecteren indien nodig.

  3. Zoek de hoekradius-optie
    Kijk in het eigenschappenpaneel aan de rechterkant. Je ziet een veld met het label "Hoekradius" onder het tabblad "Ontwerp".

  4. Voer een specifieke straalwaarde in
    Klik in het veld "Hoekradius" en typ een getal om een uniforme straal voor alle hoeken in te stellen. Bijvoorbeeld, als je "10" invoert, worden er 10-pixel afrondingen op elke hoek toegepast.

  5. Gebruik de hoekradius-handles
    Je kunt ook de hoeken visueel aanpassen door de kleine ronde handgrepen op elke hoek van de geselecteerde vorm te slepen.

Veelvoorkomende valkuilen en hoe je deze kunt vermijden

  1. Vorm staat geen hoekbewerking toe
    Sommige vormen zoals lijnen of gegroepeerde elementen ondersteunen mogelijk geen bewerkingen van hoekradii. Maak ze los of gebruik een rechthoek voor volledige controle.

  2. Radius verandert niet zichtbaar
    Als het object te klein is, zal het toepassen van een grote radius geen zichtbare veranderingen vertonen. Vergroot de grootte van de vorm of gebruik een kleinere straalwaarde.

  3. Vergeten individuele hoeken te ontgrendelen
    Als je verschillende radii per hoek wilt, maar vergeet de instelling te ontgrendelen, blijven alle hoeken hetzelfde.

  4. Overdoen van hoekradius
    Zeer grote hoekstralen kunnen de vorm vervormen of niet overeenkomen met het algemene ontwerp. Houd het proportioneel.

  5. Auto Layout-conflicten
    Sommige genestelde Auto Layout-elementen kunnen hoekradiuswaarden resetten of overschrijven. Pas de frame-structuur zorgvuldig aan.

Veelgestelde vragen over het maken van afgeronde hoeken in Figma

  1. Kan ik slechts één hoek van een vorm afronden?
    Ja, door op het onafhankelijke hoekradiuspictogram te klikken, kun je unieke waarden toewijzen aan elke hoek.

  2. Is er een snelkoppeling om de hoekradius toe te passen?
    Er is geen sneltoets die de radius direct toepast, maar je kunt het eigenschappenpaneel of de hoekhandgrepen gebruiken voor snelle aanpassingen.

  3. Kan ik afgeronde hoeken op afbeeldingen gebruiken?
    Ja, selecteer de afbeelding en pas dan een hoekradius toe zoals bij elke andere vorm.

  4. Past de hoekradius op componenten?
    Ja, je kunt hoeken van componenten afronden en de wijzigingen worden op alle instanties toegepast, tenzij ze worden overschreven.

  5. Hoe reset ik de hoekradius?
    Zet de straalwaarde terug op "0" in het eigenschappenpaneel om terug te keren naar scherpe hoeken.

  6. Hoe maak ik een schermopname op een Mac? 
    Om een schermopname op een Mac te maken, kun je Trupeer AI gebruiken. Het stelt je in staat om het volledige scherm vast te leggen en biedt AI-mogelijkheden zoals het toevoegen van AI-avatar, het toevoegen van voice-over, in- en uitzoomen in de video. Met de AI-videovertalingsfunctie van Trupeer kun je de video in meer dan 30 talen vertalen. 

  7. Hoe voeg ik een AI-avatar toe aan een schermopname?
    Om een AI-avatar aan een schermopname toe te voegen, moet je een AI-schermopname-tool gebruiken. Trupeer AI is een AI-schermopname-tool die je helpt video's te maken met meerdere avatars, en het helpt je ook om je eigen avatar voor de video te maken.

  8. Hoe maak ik een schermopname op Windows?
    Om een schermopname op Windows te maken, kun je de ingebouwde Game Bar (Windows + G) gebruiken of een geavanceerde AI-tool zoals Trupeer AI voor meer geavanceerde functies zoals AI-avatar, voice-over, vertaling, enz.

  9. Hoe voeg ik voice-over toe aan een video?
    Om voice-over aan video's toe te voegen, download je de Trupeer AI Chrome-extensie. Nadat je je hebt aangemeld, upload je je video met stem, kies je de gewenste voice-over van Trupeer en exporteer je je bewerkte video. 

  10. Hoe zoom ik in op een schermopname?
    Om in te zoomen tijdens een schermopname, gebruik je de zoom-effecten in Trupeer AI waarmee je kunt inzoomen en uitzoomen op specifieke momenten, wat de visuele impact van je video-inhoud vergroot.

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Step-by-Step Guide: How to Create Rounded Corners in Figma

Step 1

Select the design in Figma for which you want to apply rounded corners.

Select the design in Figma for which you want to apply rounded corners.

Step 2

In this menu, locate the "Appearance" section.

In this menu, locate the "Appearance" section.

Step 3

Click on it and enter your desired value for the corner radius.

Click on it and enter your desired value for the corner radius.

Step 4

After entering the value, click anywhere within the Figma template to apply the changes.

After entering the value, click anywhere within the Figma template to apply the changes.

Step 5

You will then see the rounded corners applied to your design.

You will then see the rounded corners applied to your design.

Step-by-Step Guide: How to Create Rounded Corners in Figma

Step 1

Select the design in Figma for which you want to apply rounded corners.

Select the design in Figma for which you want to apply rounded corners.

Step 2

In this menu, locate the "Appearance" section.

In this menu, locate the "Appearance" section.

Step 3

Click on it and enter your desired value for the corner radius.

Click on it and enter your desired value for the corner radius.

Step 4

After entering the value, click anywhere within the Figma template to apply the changes.

After entering the value, click anywhere within the Figma template to apply the changes.

Step 5

You will then see the rounded corners applied to your design.

You will then see the rounded corners applied to your design.

Start creating videos with our AI Video + Doc generator for free

Start creating videos with our AI Video + Doc generator for free

Start creating videos with our AI Video + Doc generator for free

Pro Tips for Creating Rounded Corners in Figma

  1. Open Your Design File
    Start by launching Figma and opening the file that contains the shape or element you want to edit.

  2. Select the Object
    Click on the shape, frame, or component you want to modify. You can select multiple objects if needed.

  3. Locate the Corner Radius Option
    Look at the right-hand side properties panel. You’ll see a field labeled "Corner radius" under the “Design” tab.

  4. Input a Specific Radius Value
    Click into the "Corner radius" field and type a number to set a uniform radius for all corners. For example, entering “10” will apply 10-pixel rounding to each corner.

  5. Use the Corner Radius Handles
    You can also adjust corners visually by dragging the small circular handles at each corner of the selected shape.

Common Pitfalls and How to Avoid Them

  1. Shape Not Allowing Corner Edits
    Some shapes like lines or grouped elements may not support corner radius edits. Ungroup them or use a rectangle for full control.

  2. Radius Not Visibly Changing
    If the object is too small, applying a large radius won’t show visible changes. Increase the shape’s size or use a smaller radius value.

  3. Forgetting to Unlock Individual Corners
    If you want different radii per corner but forget to unlock the setting, all corners will stay the same.

  4. Overdoing Corner Radius
    Very large corner radii can distort the shape or clash with the overall design. Keep it proportional.

  5. Auto Layout Conflicts
    Some nested Auto Layout elements may reset or override corner radius values. Adjust frame structure carefully.

Pro Tips for Creating Rounded Corners in Figma

  1. Open Your Design File
    Start by launching Figma and opening the file that contains the shape or element you want to edit.

  2. Select the Object
    Click on the shape, frame, or component you want to modify. You can select multiple objects if needed.

  3. Locate the Corner Radius Option
    Look at the right-hand side properties panel. You’ll see a field labeled "Corner radius" under the “Design” tab.

  4. Input a Specific Radius Value
    Click into the "Corner radius" field and type a number to set a uniform radius for all corners. For example, entering “10” will apply 10-pixel rounding to each corner.

  5. Use the Corner Radius Handles
    You can also adjust corners visually by dragging the small circular handles at each corner of the selected shape.

Common Pitfalls and How to Avoid Them

  1. Shape Not Allowing Corner Edits
    Some shapes like lines or grouped elements may not support corner radius edits. Ungroup them or use a rectangle for full control.

  2. Radius Not Visibly Changing
    If the object is too small, applying a large radius won’t show visible changes. Increase the shape’s size or use a smaller radius value.

  3. Forgetting to Unlock Individual Corners
    If you want different radii per corner but forget to unlock the setting, all corners will stay the same.

  4. Overdoing Corner Radius
    Very large corner radii can distort the shape or clash with the overall design. Keep it proportional.

  5. Auto Layout Conflicts
    Some nested Auto Layout elements may reset or override corner radius values. Adjust frame structure carefully.

Common FAQs About Creating Rounded Corners in Figma

  1. Can I round only one corner of a shape?
    Yes, by clicking the independent corner radius icon, you can assign unique values to each corner.

  2. Is there a shortcut to apply corner radius?
    No keyboard shortcut applies radius directly, but you can use the properties panel or corner handles for quick adjustments.

  3. Can I use rounded corners on images?
    Yes, select the image, then apply a corner radius just like any other shape.

  4. Does corner radius apply to components?
    Yes, you can round corners of components, and the changes will apply to all instances unless overridden.

  5. How do I reset corner radius?
    Set the radius value back to “0” in the properties panel to return to sharp corners.

  6. How to screen record on mac? 
    To screen record on a Mac, you can use Trupeer AI. It allows you to capture the entire screen and provides AI capabilities such as adding AI avatars, add voiceover, add zoom in and out in the video. With trupeer’s AI video translation feature, you can translate the video into 30+ languages. 

  7. How to add an AI avatar to screen recording?
    To add an AI avatar to a screen recording, you'll need to use an AI screen recording tool. Trupeer AI is an AI screen recording tool, which helps you create videos with multiple avatars, also helps you in creating your own avatar for the video.

  8. How to screen record on windows?
    To screen record on Windows, you can use the built-in Game Bar (Windows + G) or advanced AI tool like Trupeer AI for more advanced features such as AI avatars, voiceover, translation etc.

  9. How to add voiceover to video?
    To add voiceover to videos, download trupeer ai chrome extension. Once signed up, upload your video with voice, choose the desired voiceover from trupeer and export your edited video. 

  10. How do I Zoom in on a screen recording?
    To zoom in during a screen recording, use the zoom effects in Trupeer AI which allows you to zoom in and out at specific moments, enhancing the visual impact of your video content.

People also ask

How to Hide Frame Names in Figma

How To Save Figma File

How To Make a Grid in Figma

How to Make a Grid in Figma

How To Blur Background in Figma

Common FAQs About Creating Rounded Corners in Figma

  1. Can I round only one corner of a shape?
    Yes, by clicking the independent corner radius icon, you can assign unique values to each corner.

  2. Is there a shortcut to apply corner radius?
    No keyboard shortcut applies radius directly, but you can use the properties panel or corner handles for quick adjustments.

  3. Can I use rounded corners on images?
    Yes, select the image, then apply a corner radius just like any other shape.

  4. Does corner radius apply to components?
    Yes, you can round corners of components, and the changes will apply to all instances unless overridden.

  5. How do I reset corner radius?
    Set the radius value back to “0” in the properties panel to return to sharp corners.

  6. How to screen record on mac? 
    To screen record on a Mac, you can use Trupeer AI. It allows you to capture the entire screen and provides AI capabilities such as adding AI avatars, add voiceover, add zoom in and out in the video. With trupeer’s AI video translation feature, you can translate the video into 30+ languages. 

  7. How to add an AI avatar to screen recording?
    To add an AI avatar to a screen recording, you'll need to use an AI screen recording tool. Trupeer AI is an AI screen recording tool, which helps you create videos with multiple avatars, also helps you in creating your own avatar for the video.

  8. How to screen record on windows?
    To screen record on Windows, you can use the built-in Game Bar (Windows + G) or advanced AI tool like Trupeer AI for more advanced features such as AI avatars, voiceover, translation etc.

  9. How to add voiceover to video?
    To add voiceover to videos, download trupeer ai chrome extension. Once signed up, upload your video with voice, choose the desired voiceover from trupeer and export your edited video. 

  10. How do I Zoom in on a screen recording?
    To zoom in during a screen recording, use the zoom effects in Trupeer AI which allows you to zoom in and out at specific moments, enhancing the visual impact of your video content.

People also ask

How to Hide Frame Names in Figma

How To Save Figma File

How To Make a Grid in Figma

How to Make a Grid in Figma

How To Blur Background in Figma

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Instant AI Product Videos & Docs from Rough Screen Recordings