인터랙션 디자인1 Figma 드래그앤드롭 (컴포넌트, 인터랙션, 업로드 UX) 클릭 버튼 하나로만 파일을 올릴 수 있는 인터페이스, 한 번쯤 답답하게 느껴보신 적 있으실 겁니다. 저도 외주 작업에서 똑같은 상황을 겪었습니다. 클릭만 되는 업로드 버튼을 드래그앤드롭 병행 방식으로 바꾼 이후, 주간 업로드 건수가 14건에서 28건으로 두 배가 됐습니다. 그 전환점에 Figma 프로토타입이 있었습니다.컴포넌트 기반 설계가 왜 필요한가Figma에서 드래그앤드롭 인터랙션을 만들 때 많은 분들이 단순히 화면 두 개를 연결하는 것으로 충분하다고 생각하시는 경우가 있는데, 저는 그렇게 접근하면 반드시 막히는 지점이 온다고 봅니다.핵심은 Variants(베리언츠)입니다. 여기서 Variants란 하나의 컴포넌트 안에서 상태별 디자인 변형을 묶어두는 기능입니다. 파일 아이콘 하나에 '기본 상태'와 .. 2026. 5. 11. 이전 1 다음
