Skip to main content

Corner Styles


Brian_Smith

Currently, corners can only be rounded at whatever size you set. However, it would be great if you could set different styles of corners such as inverted rounded or chamfer as you can in Illustrator.

Title_and_Untitled-1____304____CMYK_Preview_

The goal would be to create a style like the image below:

Does anyone use a plugin to achieve this effect?

14 replies

Malte
  • 2 replies
  • July 19, 2021

As a Designer, I also feel handcuffed in this regard. I worry that the resticted toolset will only produce very similar results. To fix this, I would suggest a feature that lets you define your very own vector-based corner styles.


Kai_Magnus

Great idea is there software out there that lets you do this? Defining custom corners sounds super interesting to explore.


Doug_Wickham

The ability to round one, two, three or all four corners of a button would be great too. I know you have the ability in SKETCH to set the corner radius individually.


tank666
  • 4863 replies
  • November 12, 2021

Hi @Doug_Wickham, setting an individual corner radius exists in Figma.

Figma Help Center

Doug_Wickham

Nice. Thanks tank


ekin_aydemir

Blender lets you define custom bevel shapes for corners. I can be wrong but It should be easier to implement that in 2d.


Santiago_Mansilla

I need this!!


Maxim_Bilous


Alicia_St_Rose

You can do this with shapes. Just put a circle shape at the corners and then subtract from the rectangle. Am I missing something in the feature request?

inverted-curved-corners|533x500


Vyacheslavskiy

Please add this. I recently moved from Sketch to Figma and I was really surprised that there is no option for different corner styles.
P.S. Subtracting shapes does not work when you start resizing.


sushma_chowdary

the only option in Figma to set corners is double click the frame so that it convert as vector base select individual point and the adjust the corner value


Tom_Rio_Bacon

Please make this happen!


Cole2
  • 1 reply
  • December 11, 2024

Please add this Figma 🙏


Björn Crombach

I was looking for a way to create pixelated corners like the one in the example. Maybe this could be achieved by expanding the concept of corner profiles to include pixelated or stepped corners.

This would make it much easier to design pixel-perfect elements directly in Figma without relying on external tools or workarounds.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings