시작하기 전에

이 기능을 사용할 수 있는 사용자

모든 요금제에서 사용 가능 

파일에 대해 편집 가능 액세스 권한을 가진 사용자는 누구나 모서리 반경 조정 및 다듬기 사용 가능

인터페이스 디자인에서는 화면, 아이콘, 버튼, 카드의 모서리가 둥글게 처리된 것을 볼 수 있습니다. 눈은 원과 곡선을 더 쉽게 따라가는 경향이 있어 날카로운 모서리는 시선에 방해가 됩니다.

Figma는 모서리 반경을 (밀도 독립형) 픽셀로 표현합니다. 전체 도형이나 벡터 개체의 각 점에 대한 모서리 반경을 조정할 수 있습니다.

Figma에는 둥근 모서리를 만들기 위한 기능이 두 가지 있습니다.

• 모서리 반경: 두 선이 만나는 모서리를 둥글게 만듭니다. 이 기능을 사용하면 모서리가 둥근 도형을 만들 수 있습니다.
• 모서리 다듬기: 모서리를 둥글게 조정하여 매끄러운 곡선으로 만듭니다. 이 설정을 사용하면 모서리가 둥근 정사각형을 만들 수 있습니다.

모서리 반경 조정과 다듬기 적용할 수 있는 항목은 다음과 같습니다.

• 프레임
• 직사각형, 다각형 및 별
• 닫힌 도형인 벡터 네트워크
• 직사각형을 포함하는 부울 연산

전체 도형의 모서리 반경 조정

벡터 개체나 도형의 모서리 반경을 조정하는 방법에는 여러 가지가 있습니다.

디자인 탭

1. 레이어를 선택합니다.
2. 오른쪽 사이드바의 모서리 반경 필드에 픽셀값을 입력하거나 아이콘 위에 커서를 놓은 다음 아이콘을 클릭하고 왼쪽으로 드래그하여 줄이거나 오른쪽으로 드래그하여 늘립니다.

캔버스

캔버스에서 직사각형, 별, 다각형의 모서리 반경을 조정할 수도 있습니다. 

1. 업데이트할 도형을 선택합니다.
2. 조정하려는 모서리 위에 마우스를 올려놓으면 반경 핸들이 나타납니다.
3. 드래그하여 반경을 조정합니다.

개별 모서리의 반경 조정

기본적으로 Figma는 전체 도형에 모서리 반경을 적용합니다. 각 모서리의 모서리 반경을 조정하는 방법에는 여러 가지가 있습니다. 

개별 모서리 설정(프레임과 사각형에만 해당)

개별 모서리 설정은 사각형과 프레임에 사용할 수 있습니다. 

1. 업데이트할 사각형 또는 프레임을 선택합니다.
2. 오른쪽 사이드바에서 개별 모서리를 클릭합니다.
3. 모서리 반경 세부 정보 패널에서 다음을 수행할 수 있습니다.
   • 각 모서리에 대한 픽셀값을 입력합니다.
   • 네 모서리 반경 필드 중 하나에서 변수 적용을 클릭하여 숫자 변수를 적용합니다.
   • 슬라이더를 사용하여 모서리 다듬기를 수행합니다.

1.  

캔버스(직사각형만 가능)

캔버스의 각 모서리에 대한 모서리 반경을 조정할 수도 있습니다. 직사각형에만 적용됩니다.

1. 업데이트할 도형을 선택합니다.
2. 수식 키를 길게 눌러 하나의 모서리를 조정합니다.
   • Mac: ⌥ Option
   • Windows: Alt
3. 조정하려는 모서리 위에 마우스를 올려놓으면 반경 핸들이 나타납니다.
4. 드래그하여 반경을 조정합니다.

벡터 편집 모드(도형 및 닫힌 벡터 네트워크만 해당)

1. 업데이트할 도형을 선택합니다.
2. 도구 모음에서 개체 편집을 클릭하거나 Enter 또는 Return 키를 눌러 벡터 편집 모드로 전환합니다.
3. 캔버스에서 개별 포인트를 선택합니다.
4. 오른쪽 사이드바에 있는 필드를 사용하여 모서리 반경을 조정합니다.
5. 모서리 반경 필드에 픽셀값을 입력하거나 커서를 그 위에 올려놓으세요. 아이콘을 클릭한 다음 왼쪽으로 드래그하면 줄어들고 오른쪽으로 드래그하면 늘어납니다.

모서리가 둥근 정사각형 모서리 다듬기

디자이너들은 iOS7 앱 아이콘의 둥근 모서리에서 차이점을 발견했습니다. 이 모서리 다듬기는 일반적인 둥근 모서리에서는 불가능했던 매끄럽고 연속적인 곡선을 만들어냅니다.

이 특정 효과를 사용하는 도형을 '스쿼클(squircle)'이라고 합니다. 정사각형과 원 사이의 중간 모양입니다. OS14를 비롯한 Apple의 이후 디자인에서도 여전히 스쿼클을 볼 수 있습니다.

스퀴클에는 수학이 상당히 많이 연관되어 있습니다. 한 Figma 엔지니어의 스쿼클 검색에 대해 자세히 알아보세요.

모서리 다듬기 조정

모서리 반경을 적용할 수 있는 모든 도형에 모서리 다듬기를 적용할 수 있습니다. 모서리 반경과 달리 모서리 다듬기는 전체 도형에만 적용할 수 있습니다.

1. 캔버스 또는 레이어 패널에서 레이어를 선택합니다.
2. 오른쪽 사이드바에서 디자인 패널을 엽니다.
3. 개별 모서리 아이콘을 클릭하여 모서리 반경 패널을 엽니다.
4. 슬라이더를 사용하여 모서리 다듬기를 조정하거나 iOS를 클릭하여 모서리 다듬기를 iOS의 기본값인 60% 로 설정합니다.