본문 바로가기

대학원 준비/IT

피그마) 모달창 만들기 (vs.팝업창)

반응형

팝업창모다 모달창이 작업하기가 더 편함, 팝업창을 눌러서 페이지를 새로 만드는 게 아니다 보니. 

 

전체 순서

1. 모달 열기 버튼 만들기(ctrl+alt+k) 컴포넌트 만들고, add variant해서 press 버튼 속성 만들어주기

2. 그리드창 만들어주고, 모달 열기 asset 창에서 버튼 끌어오기. 그리고 여기에 모달창 드래그라는 네모 만들기. 

3. alt 로 모달창 드래그 카드 끌어주고, 거기에 plug in splash 그림 넣어주고, 모달 닫기, 모달 닫기 버튼 만들고, 전체를 컴포넌트 만들기 

4. 애니메이션 넣기. 

5. 1에서 모달열기 간 애니메이션 만들기 

 

728x90