Figma로 APP UX UI 설계 예시

Figma는 UX/UI 설계툴로 세계적으로 점유율 1위, 성장율 1위에 있다.

UI Design 툴 성장율

UX는 UI랑 다소 다른 개념이지만 Figma의 기능중 실제 웹/App의 유사한 형태의 동적 이동이 가능하기에 UX로도 어느정도 테스트해볼 수 있다.

 

아래는 필자가 만들고 있는 App, Web 연습하는 중으로 Layer,Group,Mask, 이외 동적 이동 기능을 넣으면 아래와 같으 Prototype map이 만들어진다. 앞으로도 본 툴을 본격적으로 활용해 시장에 진출하고자 하는 App, Web을 만들고자 한다.

예시1. 쇼핑몰 App 설계

 

 

예시2. 웹(PC,테블릿,모바일)

상기와같이 App 및 Web을 모든 장치(PC,모바일,테블릿 등)에 맡게 Scale조정을 하여 구현할 수 있다. 위와 같이 구성관련 궁금한점 댓글로 남겨주시면 친절히 답변드리겠습니다.

 

감사합니다.