피그마 놀이터

안녕하세요. 피그마로 모바일 앱 화면시 많이 보이는 chip list 만드는 방법을 설명드리겠습니다. 그전에 칩이 어떤 건지 알아볼까요? Chip(칩) 이란?앱 화면에서 자주 보이는 Chip(칩)은 작은 UI 요소이지만, 사용자 경험을 크게 향상하는 중요한 디자인 컴포넌트입니다. 칩은 일반적으로 태그, 카테고리, 필터, 사용자 입력 값 등을 표시하며, 터치 한 번으로 쉽게 선택하거나 제거할 수 있어 직관적인 인터페이스를 만드는 데 유용합니다.Chip의 주요 특징작고 가벼운 디자인 – 화면을 깔끔하게 유지하면서도 필요한 정보를 효과적으로 전달합니다.상호작용 가능 – 터치하여 활성화하거나 제거할 수 있어 사용자 경험이 향상됩니다.다양한 형태 – 필터, 태그, 입력값 등 여러 용도로 활용할 수 있습니다.앱에서..

안녕하세요. 이번 포스팅에서는 컴포넌트에 대해서 알아보겠습니다. component는 무엇일까요? 직역하면 구성요소로 풀이됩니다. 구성요소를 사전정의하면 무엇이든 구성하는 가장 작은 단위, 부품, 요소입니다. 프로그래밍에서 컴포넌트는 재사용에 대한 필요성, 중요성으로 시스템적으로 배포할 수 있는 가장 작은 모듈을 이야기합니다. 일회성 비주얼 작업을 위한다면 굳이 컴포넌트를 할 필요는 없지만 웹사이트, 모바일웹사이트, 어플리케이션도 전부 디자인에서 끝나는 게 아니라 개발까지 마무리되어야 사용할 수 있게 됩니다. 피그마 프로토타이핑 툴은 기획자, 디자이너, 개발자를 위한 협업툴인만큼 디자인 목적에 따라 단순히 보기 좋게 이미지로 얹혀서 작업하는 게 아니라 배포 가능한 가장 작은 모듈인 컴포넌트를 고려해야 합니..