프로토타입 세팅
엘리먼트 셀렉
프로퍼티 - 프로토타입 탭
쇼우 프로토타입스 세팅스 유아이 탭
디바이스
기종/모델/백그라운드 등 세팅
여기서는 처음부터 프레임을 android large로 셀렉해서 시작했기 때문에 동일한 기종으로 셀렉 합니다.
네비게이트 투
캔버스 - 반응할 유아이 셀렉
프로퍼티 - 프로토타입
유아이 셀렉
박스 내부에 마우스 올리기
플러스 유아이 보임
플러스 셀렉
이동할 프레임으로 화살표 드래그
자석처럼 철썩 달라 붙음
인터렉션 디테일 모달
- 네비게이트 투
- 애니메이션
- 슬라이드인 세팅
완성
오픈 오버레이
캔버스 - 반응할 유아이 셀렉
프로퍼티 - 프로토타입
인터렉션 디테일 모달
온탭
- 오픈오버레이
오버레이
- 센터/좌우/하단 중 바텀센터 셀렉
- 클로즈 웬 클리킹 아웃사이드 - 첵
- 애드 백그라운드 비하인드 오버레에 - 첵
- 백그라운드 알파값 세팅
애니메이션
- 무브인 세팅
완성
빽
캔버스 - 빽 버튼 셀렉
프로퍼티 - 프로토타입
유아이 셀렉
박스 내부에 마우스 올리기
플러스 유아이 보임
플러스 셀렉
프레임으로 외부로 드래그
인터렉션 디테일 모달
- 온탭 아래 - 백 셀렉
완성
인터랙션 삭제
인터랙션 실수해서 삭제하고 싶을 때
마우스로 줄 선택
키보드 델리트
삭제 완료
테스트
프레임 외부에 연결 된 프레임네임과 버튼이 생김 - 탭
혹은 우측 상단 플레이 버튼 탭
프로토타입 로딩
테스트
프로토타입 전체 완성
완성하면 대략 이런 디스플레이가 됩니다.
완성 후 다시 한번 에러 체크 합니다.
수고 하셨습니다!
'Figma manual' 카테고리의 다른 글
| 피그마 프로젝트와 프로토타입 비회원과 공유하는 방법 (0) | 2026.05.04 |
|---|---|
| Figma component contorl (0) | 2026.04.21 |
| 피그마 프레임 이미지로 저장하기 (0) | 2026.04.20 |
| Figma manual basic (0) | 2026.04.19 |
| Figma plugins (0) | 2026.04.19 |