반응형 피그마 쇼핑몰 리스트 화면1 피그마 초보 기능 : 플러그인 언스플래쉬 기능으로 이미지 넣기 목업 이미지 넣기, 쇼핑몰 상품 이미지 페이지 만들기 컴포넌트, 인스턴스 끊고 이미지 각각 넣기 피그마로 앱을 디자인할 때, 이미지를 넣어야 하는 경우가 많다. 실제 이미지가 아니더라도 UI 완성도를 높이기 위해 피그마에서 기본으로 제공하는 이미지를 넣어 보기 좋게 디자인할 수 있다. 오늘은 피그마에서 플러그인으로 제공하는 쉽고 빠르고 무료인 언스플래쉬를 통한 이미지 넣기를 함께 해보겠다. STEP 1. Frame 만들기 예시는 쇼핑몰 이미지와 같이 하나의 프레임 안에 이미지와 텍스트가 함께 있는 걸로 만들었다. 사진 속 왼쪽 예제와 동일하게 실전란에 만들어보도록 하자. 상단 툴 모음 > Frame 선택 > Frame 범위 그리기 ※이때, 프레임 범위는 이미지와 텍스트가 들어갈 만큼 크게 잡아주세요. STEP 2. 이미지 넣을 zone 만들기 이미지와 텍스트를 넣을 프레임을 만들었다면, 그 안쪽에 .. 2024. 1. 12. 이전 1 다음 반응형
