질문사항
최근 올라온 월간피그마, 데일리콘텐츠 처럼 퀴즈를 피그마로 어떻게 만드나요?
피그마의 기능만으로 정답을 누르면 점수가 올라가는 퀴즈를 만들 수 있습니다!
답변
아래 예제를 따라 만들어보세요!
1.
정답과 오답이 섞은 문제 페이지를 만들어주세요! 저는 이번 예시에서 총 4문제 각 25점씩 최종 100점이 되는 유형을 만들어보겠습니다.
2.
점수가 표시될 화면도 만들어 주세요!
3.
2번에서 만든 점수판에 베리어블을 걸어서 정답 클릭시 점수가 올라가게 만들어보겠습니다! 우선 베리어블 창을 열어서 number변수 선택 후 구분을 위해 ‘퀴즈 점수’라고 이름 짓고 퀴즈는 0점에서 시작하기 때문에 value 값은 0으로 둬주세요.
4.
2번에서 만들었던 숫자에 퀴즈 점수 베리어블을 적용해주세요.
5.
그 후 오답을 눌렀을 시 별 작동 없이 다음페이지로 넘어가는 프로토타입을 만들어주세요.
6.
다음은 정답을 누르면 25점씩 더해지면서 다음페이지로 넘어가는 인터랙션을 걸어줍니다! 정답 버튼 선택 후 on click → set variable 후 먼저 만들어둔 퀴즈 점수 변수에 +25를 해주세요. 그후 인터랙션 추가 버튼을 눌러 on click 시 navtigate to 다음 화면도 중복으로 걸어주세요.
7.
이제 완성되었습니다! 정답 버튼만 눌러서 100점이 나오면 완성!
추가로 알면 좋을 팁
-
-
