Framer에 버튼 요소가 따로 있나요?

별도의 버튼 요소가 꼭 필요하진 않습니다. 텍스트를 Stack으로 감싸고 패딩·배경색·Radius를 주면 버튼이 됩니다. 템플릿이 제공하는 버튼 컴포넌트를 쓰는 것도 방법입니다.

버튼 패딩 값은 얼마가 좋나요?

4의 배수(8 · 12 · 16 …)를 추천합니다. 보통 좌우 패딩을 상하보다 크게 주면 안정적으로 보입니다.

버튼은 사실 텍스트 하나를 Stack으로 감싼 것입니다. 별도의 “버튼 요소”가 필요 없어요. 다음 순서대로 하면 됩니다.

텍스트를 선택 — 버튼에 들어갈 글자(예: “지금 시작하기”)를 클릭합니다.
Stack으로 감싸기 — 선택한 채 Shift + A 를 누르면 그 텍스트를 감싼 Stack이 만들어집니다.
패딩(Padding) 넣기 — 오른쪽 패널에서 상하 패딩과 좌우 패딩 값을 줍니다. 글자 주변에 여백이 생기면서 버튼 모양이 잡힙니다.
배경색 넣기 — Stack에 Fill(배경색) 을 지정하면 버튼처럼 보입니다.
(선택) 모서리 둥글게 — 둥근 버튼을 원하면 Radius(모서리 반경) 값을 줍니다.


Stack: 버튼  (Fill = 배경색, Padding = 상하·좌우, Radius = 둥글기)
└─ 텍스트  "지금 시작하기"

패딩·간격 값은 4의 배수(4 · 8 · 12 · 16 …)로 넣기를 추천합니다. 값들이 규칙적이라 디자인이 정돈돼 보이고, 나중에 다른 요소와 맞추기도 쉽습니다.

이렇게 만든 버튼은 텍스트가 길어지거나 짧아져도 Stack이 패딩을 유지한 채 크기를 자동으로 맞춰 줍니다. 가로·세로 폭을 손으로 고정할 필요가 없습니다.

Section (섹션)으로 페이지를 영역 단위로 나눠보세요.