Figma 프로토타입으로 클릭 가능한 목업 만들기
Figma 프로토타입 기능으로 실제로 클릭하고 화면이 전환되는 인터랙티브 목업을 만들 수 있습니다. 개발 전 아이디어 검증이나 클라이언트 프레젠테이션에 완벽해요.
따라 하기
1단계
여러 Frame(화면) 만들기
- 1상단 툴바에서 F 또는 A(Frame)를 선택합니다.
- 2오른쪽 패널 Design 탭에서 Phone, Tablet, Desktop 등 기기 타입을 선택합니다(또는 직접 크기를 입력). 첫 번째 화면(예: 홈 화면)을 디자인합니다.
- 3Ctrl+D 또는 Alt+드래그로 Frame을 복사해 두 번째 화면을 만들고 다른 내용으로 수정합니다.
- 최소 2개 이상의 Frame이 있어야 화면 전환 프로토타입을 만들 수 있습니다.
Figma 열기figma.com
누를 위치 F키›오른쪽 패널 기기 타입 선택›화면 디자인›Ctrl+D로 복사›각 화면 내용 수정
팁 Frame 이름을 1_홈, 2_로그인, 3_대시보드처럼 번호와 함께 지정하면 순서와 구조를 파악하기 쉬워요.