[피그마] 왕초보 오토레이아웃(Auto layout)으로 반응형 카드(card) UI만들기

세로형 카드에서 가로형 카드되는 반응형 카드 UI 만들기! 먼저 프레임을 만들어 준다. card 이름 지어주고 이펙트, 라운드 넣어줘서 디자인해준다. 카드에 rectangle으로 이미지 들어갈 영역 만들어주고 Unsplash 플러그인으로 이미지 넣어준다. (이미지 플러그인은 다음 글에 소개할 예정) 이미지 밑에 Label, Heading, 본문, 프로필 이미지등등 텍스트들을 넣는다. 여기까지는 아직 오토레이아웃 노노! 참고로 Label/프로필 이미지는 레이어가 2개라서 그룹을 해줘야한다. Label 그룹/프로필 그룹 이렇게 각각 그룹 따로! 이제 여기서부터 오토레이아웃 시작! 밑에 순서대로 하면 된다. 1. Label/Heading/본문/프로필 사진 4개 잡고 오토레이아웃을 준다. 2. 카드 프레임한테 ..

2023.09.04