AI로 설문 제작 가능한 피그마 플러그인 ‘Weavely’

요즘 사내 스터디로 ‘생성형 AI’를 업무에 더 잘 활용할 수 있는 방법을 찾고 있습니다. AI가 PM, 디자이너의 주요 업무에 많은 도움을 준다는 건 알고 있지만, 실제로 어떤 업무에 어떤 툴을 활용할 것인지는 깊이 고민하지 못했기 때문입니다. 이를 위해 기존에 사용하던 서비스는 물론이고, 업무와 관련된 주제의 서비스를 틈틈이 찾아보고 있는데요. 

오늘 소개할 ‘Weavely’는 피그마에서 설문조사를 AI의 도움을 받아 쉽게 생성하고, 수집된 데이터를 시각화할 수 있는 플러그인입니다. 디자인 작업까지 한 번에 진행할 수 있다는 장점이 있어 이번 글에서 자세히 살펴보고자 합니다.

피그마에서 설문 제작과 편집, 차트 생성까지 한 번에

먼저 ‘Weavely’의 주요 특징을 먼저 살펴보겠습니다. 

1. GPT 활용: GPT가 연동되어 있어 프롬프트 기반의 설문조사 제작이 가능합니다. 간략한 설명을 입력하는 것으로 연관 질문을 생성할 수 있으며, 생성된 설문에 대한 디자인 작업이 가능합니다. 

2. 조건 설정: 응답자의 답변에 따라 다음 질문을 다르게 설정할 수 있습니다.

3. 공동 작업: 팀 단위로 설문을 함께 만들고 관리할 수 있습니다.

4. 페이지 구분: 설문조사를 여러 페이지로 나눠 제작, 제공할 수 있습니다.

5. 필수/선택 답변: 각각의 질문에 필수와 선택을 지정할 수 있습니다.

6. 다양한 양식 지원: 라디오, 체크박스, 5점 척도, 드롭다운, 주관식, 하이퍼링크 등 다양한 설문 양식을 지원합니다.

7. 제한된 설문 지원: 설문조사 단위로 비밀번호를 설정해 특정 대상만 참여하도록 진행할 수 있습니다. 

8. 차트 및 그래프: 피그마에서 편집 가능한 벡터 형식으로 수집된 데이터를 활용해 차트와 그래프를 생성해 줍니다. 

피그마에서 설문을 제작할 때, Weavely에서 지원하는 구성요소는 총 21개입니다. 체크박스, 라디오 버튼, 텍스트 필드, 드롭다운, 랭킹, 슬라이더, 별점, 척도, 이메일, 링크, 번호, 날짜, 하이퍼링크, 파일 업로드, GPS 위치, 지도 위치, 사인, 이미지 선택, 음성 임베드, 영상 임베드, HTML 임베드입니다. 

다만 파일 업로드와 영상 및 음성 임베드, 위치 정보 활용 등은 프리미엄 버전에서 사용할 수 있습니다. 그럼에도 불구하고 무료 버전으로도 다양한 구성요소를 활용해 설문을 제작할 수 있으며, AI를 적극적으로 활용할 수 있는 환경을 제공합니다.

피그마에서 플러그인을 실행한 뒤, AI로 제작하기 타입을 선택하면 바로 프롬프트를 입력할 수 있는 화면을 확인할 수 있습니다. 저는 웹서비스의 ‘검색’ 기능과 관련된 만족도 조사를 하고 싶다고 입력했고, 10초 정도가 지나자 어떤 식으로 내용을 구성하면 좋을지에 대한 내용을 전달받을 수 있었습니다. (GPT 기반이라 한글로 입력해도 답변을 받을 수 있습니다.)

아래 내용은 제가 남긴 첫 번째 질문과 답변받은 내용입니다. 

질문: 검색 기능에 대한 만족도 조사를 진행하고 싶어. 이름과 같은 개인정보는 빼고, 만족과 불만족을 5점 척도로, 만족하는 경우와 그렇지 않은 경우 각각의 이유를 나눠서 받고 싶어.

답변: 안녕하세요! 원하시는 설문 조사를 위한 양식을 생성하겠습니다. Weavely platform에서는 조건 수식을 뒷단에서 본인이 설정해 주어야 합니다. 이는 설문을 생성한 후 '조건 수식 설정'에서 진행하실 수 있습니다. 검색 기능에 대한 만족도 조사 양식은 아래와 같이 제작하였습니다.

1. Scale Rating - "검색 기능에 대한 만족도" (1, 2, 3, 4, 5)

2. Paragraph - “(2점 이하일 경우) 불만족한 이유를 말씀해 주세요." 

3. Paragraph - “(3점 이상일 경우) 만족한 이유를 말씀해 주세요." 

4. Dropdown - "검색 편의를 위해 추가되었으면 하는 기능이 있나요?" (자동완성, 음성인식, 이미지 검색, 분야별 검색) 

5. Submit Button - "제출" 

이 양식을 통해 '계속' 버튼을 누르면 실제 양식이 생성됩니다. 이후 '조건 수식 설정'에서 만족도 점수에 따른 이유 질문을 조건부로 설정하면 됩니다. 좋은 결과를 얻으실 수 있길 바랍니다!

물론 기본적인 만족도 조사라 직접 만드는 것도 어렵지 않지만, 처음부터 시간을 써서 만들 필요가 없다는 점과 서비스에서 어떤 기능을 활용해 설문조사 조건 등을 추가할 수 있는지 내용을 미리 확인할 수 있어서 유용했습니다. 대화를 진행하며 원하는 설문에 맞게 구성되었다면, 이제 생성 버튼을 클릭해 실제 설문 내용을 피그마 안에서 확인할 수 있습니다. 

AI를 통해 목적에 맞는 설문 초안을 제작한 이후, 개별 질문이나 구성요소에 대해 직접 편집하는 것도 가능합니다. 플러그인을 통해 원하는 항목을 선택하면, 해당 항목에 대한 기본적인 내용과 함께 필수 여부 등을 설정할 수 있는데요. 포함되는 옵션(선택지)도 바로 수정할 수 있습니다. 왼쪽에서는 폼에 대한 내용을, 오른쪽으로는 실제 사용자들이 보게 될 화면을 편집하고, 원하는 디자인으로 맞춰가는 작업을 동시에 진행할 수 있습니다.

처음엔 “피그마 안에서 설문을 만드는 게 불편하진 않을까? 굳이 피그마에서 만들 필요가 있을까?”라고 생각했는데요. 피그마의 순기능을 그대로 활용하는 경험을 해본 뒤에는 상황에 따라 더 유용할 것 같다는 생각이 들었습니다. 우선 최초 생성된 폼에 포함된 라이브러리는 별도 페이지로 확인이 가능합니다. 여기서 각 컴포넌트에 포함된 내용이나 구성을 변경할 수 있으며, 변경 후 실제 설문조사 페이지로 옮겨서 반영할 수 있습니다. 새롭게 추가할 설문 내용을 선택한 후, 내용을 편집하는 것 역시 같은 방법으로 진행할 수 있고요.

완성된 설문은 링크를 복사하거나, 임베드하는 방식으로 원하는 대상에게 제공할 수 있습니다. 전체 내용을 보여드리기 위해 불만족/만족에 해당하는 항목이 모두 포함되어 있지만, 앞서 말한 것처럼 설문 편집 시 조건을 추가해 적용할 수 있으며, 어렵지 않게 반영이 가능합니다.

설문 참여에 따른 데이터 확인은 크게 두 가지 방법으로 가능합니다. 첫 번째는 플러그인 내 결과 메뉴를 참고하는 방법이 있고, 또 하나는 별도로 제공되는 대시보드를 통해 설문 단위의 데이터를 확인하는 방법입니다. 플러그인을 통해 웹 대시보드로 바로 이동할 수 있어서 응답이 많아질 때 이동 후, CSV 파일로 내려받는 방법도 활용할 수 있습니다. 

또한 수집된 데이터를 항목별 차트로 생성하는 기능도 제공합니다. 차트 종류는 파이, 바 그래프 중 하나를 선택할 수 있으며, 차트 생성 버튼을 클릭하면 바로 확인이 가능합니다. 피그마 내에서 생성된 차트기에 컬러나 텍스트 등은 더 보기 좋게 수정할 수 있으며, 클릭 한 번으로 수집된 데이터를 차트로 만들 수 있어 꽤 편리하게 활용할 수 있습니다.

한 번은 꼭 써봐야 하는 이유 

‘Weavely’는 무료 버전으로 사용할 경우, 5개의 폼 제작과 월 100개의 응답을 수집할 수 있습니다. 응답 수가 다소 부족하다 느낄 수도 있지만, 사용하지 못할 수준은 아니고 대부분의 구성 요소를 포함한 설문 제작이 가능하다는 점에서 충분한 경험은 가능하다고 생각합니다. 개인적으로 설문 제작보다는 설문 제작의 편의성이 더 중요했고, GPT 연동으로 설계에 도움을 받을 수 있다는 점도 매력적입니다. 또한 피그마 플러그인으로 제공되는 점 역시 디자인, 편집 등의 과정에서 많은 도움이 됩니다.

물론 아쉬운 점도 있는데 피그마에 익숙한 분들이라면 어렵지 않게 사용할 수 있지만, 익숙하지 않은 분들은 별도 학습이 필요할 것입니다. 피그마도 당장 쉽게 사용할 수 있는 툴은 아니여서, 피그마에 대한 학습과 더불어 ‘Weavely’도 학습해야 합니다. 그럼에도 불구하고 기존 설문 제작 툴의 밋밋함을 벗어나, AI를 활용해 보는 것도 도움이 될 거라 생각합니다.

<참고>

https://www.weavely.ai/

요즘IT의 모든 콘텐츠는 저작권법의 보호를 받는 바, 무단 전재와 복사, 배포 등을 금합니다.