devOhzl

Auto Layout을 이용하여 버튼 컴포넌트 생성하기 1️⃣ 텍스트 생성 후 Auto Layout 설정 텍스트 'BUTTON' 입력 후 Shift + A 👉 Auto Layout 생성 Ctrl + R 👉 이름 변경 2️⃣ Padding 설정 Auto Layout 의 padding 값을 이용하여 넓이,높이를 설정한다. * 텍스트를 선택후 Alt 를 누르면 padding 값을 확인할 수 있다 배경색상과 텍스트 색상도 변경한다. 3️⃣ 텍스트 복사 텍스트 선택 후 Ctrl + D 👉 동일한 간격의 텍스트가 생성됨 4️⃣ Auto Layout 속성 텍스트 길이 변경 시에도 버튼으 크기가 자동으로 조절된다. 📌 vertical Direction > 수직 정렬 📌 horizontal Direction > 수평 정..

스타일 정의 (버튼 생성하기) 1️⃣ 텍스트 생성 - Inter / Semi Bold / 18px / 행간 100% / 자간 -0.5px / Text-align: Center, Middle / Resize : Auto width - Type > Details > Letter Case > Title Case 2️⃣ 텍스트 복사 option(alt) + Shift 누르고 아래 방향으로 드래그하여 텍스트 복사 후 Cmd + D 를 누르면 같은 방향으로 객체가 복사된다. 두번째 텍스트는 12px로 변경한다. 3️⃣ 버튼 스타일 생성 * "/"로 구분하여 스타일을 Group화 가능 4️⃣ Local styles 사용 (Text) 만들어진 Local style을 연결해서 사용할 수 있다. Figma Plugin 활..