multiking

•Carousel(캐러셀)-슬라이트 형태로 넘기는 UI •하단의 현재 이미지 위치를 표시하는 점을 indicater 또는 navigator라고 함. •이미지를 드래그 할수있고, 인디케이터를 클릭 해도 넘어감. •변화를 알기 쉽게 하기 위해 이미지가 변화면 배경색이 달라지도록 구현

오토 레이아웃 사용하기 오토 레이아웃 기능은 Figma에서 디자인 요소들을 유연하게 정렬하고 조정하는 데 도움을 줍니다. 기본적인 단계들은 다음과 같습니다: 요소 선택: 먼저 오토 레이아웃을 적용하고 싶은 요소(프레임, 그룹, 컴포넌트 등)를 선택합니다. 오토 레이아웃 적용: 선택한 요소에 우클릭을 하거나 상단 메뉴에서 '오토 레이아웃 추가'를 선택합니다. 이를 통해 요소에 오토 레이아웃이 적용됩니다. 정렬 및 간격 조정: 오토 레이아웃이 적용된 요소는 속성 패널에서 정렬과 간격을 조정할 수 있습니다. 수직 또는 수평 정렬을 선택하고, 요소 간 간격을 설정할 수 있습니다. 사이즈 조정: 요소의 크기를 조정하여 내용에 맞게 자동으로 크기가 조절되도록 설정할 수 있습니다. 예를 들어, 텍스트가 추가되면 자동..

1. 컴포넌트 페이지에서 프레임(320 * 80) 리스트로 만들 프레임 리스트를 하나 생성 해 보자. 레이아웃 그리드를 적용 해 보자. 프로필사진이 들어갈 원을 그려 인물사진을 삽입하자. - 플러그인을 사용 해 보자. 이름과 메일을 작성하자. - 이때도 컨텐츠 릴 플러그인을 사용 해 보자. 5. 정렬하자. - constraint > 좌측 정렬 6. 우측 아이콘을 삽입하자. - 머터리얼 아이콘을 이용 컨포넌트 추가 : 아이콘 디렉토리 추가 7. 리스트 컴포넌트 생성 속성을 생성 해 보자. 주의 : 레이어의 속성을 불런임으로 텍스트탭의 하단의 속성을 추가 name: name value : 텍스트 그대로 같은 방식으로 이메일도 추가 해 보자. name: email 아이콘 불런 속성과 인스턴스 속성 추가 인스턴..