프로토타입 - flow1 - 키패드
텍스트 키패드는 컴포넌트에 잘 등록되어 있을 것입니다.
은행/계좌번호 탭하면 해당 키패드를 위로 올리겠습니다.
툴바 - 애셋
키패드 셀렉
캔버스
flow1 아래로 키패드 드래그
오픈 오버레이
완성
계좌정보 관련 프레임 프로토타입
자주 은행 친구 계좌
네비게이트 투로 프로토타입 연결 합니다.
각 프레임 빽 프로토타입 연결 합니다.
프로토타입 완성
전체 프로토타입 완성 후 에러 꼼꼼하게 체크 합니다.
프로젝트 쉐어
https://lshjju.tistory.com/941
피그마 프로젝트와 프로토타입 비회원과 공유하는 방법
피그마 프로젝트를 완성했다면 누군가에게 이 프로젝트를 공유해야 할 것입니다.이때 중요한 것은 두가지 입니다.특별한 이유가 없다면 뷰 권한만 주고 편집 권한은 주지 마세요.프로토타입도
lshjju.tistory.com
프레임 이미지로 저장하기
https://lshjju.tistory.com/926
피그마 프레임 이미지로 저장하기
디자인 완성 후 프레임을 이미지로 저장 합니다. 캔버스이미지로 저장할 프레임 체크 합니다.피그마는 익스포트 할 때 프레임을 기준으로 익스포트 합니다.필요한 화면이 프레임인지 체크 합니
lshjju.tistory.com
Final
완성 프로젝트 보기
https://www.figma.com/file/nGVbD5sNNcEpFyIEtt0Efu/Kakao-pay-UI?node-id=0%3A1&t=HBQZ6XbJcLJ0IDsj-1
Figma
Created with Figma
www.figma.com
모든 과정이 끝났습니다.
수고 하셨습니다!
'Figma - project' 카테고리의 다른 글
| 19 프로토타입 / 슬라이드 인 / 오픈 오버레이 / 백버튼 (0) | 2026.04.19 |
|---|---|
| 18 오토 레이아웃 패딩 설정 / 프로토타입 환경 설정 (0) | 2026.04.19 |
| 17 필수 플러그인 추천과 사용법 (0) | 2026.04.19 |
| 16 플러그인에 사용할 기본소스 제작 (0) | 2026.04.19 |
| 15 이미지 파일 편집 / 언스플래시 플러그인 (0) | 2026.04.19 |