[Figma] AutoLayout을 이용한 버튼 만들기

Figma에서 AutoLayout은 손쉽게 레이아웃이나 버튼을 만들수 있게 도와주는 기능이라고 생각을 했습니다. 이번 포스팅에서는 안에 텍스트에 따라서 가변하는 버튼을 만들어 보겠습니다. 먼저 Figma의 Rect와 Text를 이용해서 직사각형 버튼을 만들어 보겠습니다. 1. Figma Rect를 이용해서 직사각형을 그려줍니다. 2. Figma Text를 이용해서 텍스트를 입력해줍니다. 3. Text 크기에 맞춰서 버튼의 크기를 조절해줍니다. 여기서는 좌우 여백 16px에 높이 36px인 버튼을 만들어 보겠습니다. 임의로 그린 크기 사각형과 텍스트를 보면 좌우 여백이 17px, 22px 높이가 58px인 것을 확인 할수 있습니다. Rect의 크기와 Text의 위치를 조정해서 원하는 크기와 위치를 맞춰줍니..

2021.02.09