Screenflow (레퍼런스 캡처)

Screenflow는 UX/UI 디자이너를 위한 레퍼런스 캡처 자동화 도구입니다. 디자인 리서치 과정의 반복 작업을 줄이는 것을 목표로 합니다.

디자인 리서치의 실제 작업

좋은 화면을 보면 캡처하고, 어디서 봤는지 적고, 폴더에 정리합니다. 나중에 찾으려면 또 뒤집니다. 모으는 것보다 다시 찾는 것이 어렵습니다.

특히 앱 화면은 여러 단계를 거쳐야 나오는 경우가 많아, 플로우 전체를 캡처하려면 손이 많이 갑니다. “자동화”가 붙는 지점이 여기입니다.

플로우 단위로 보는 것

개별 화면 하나보다 화면과 화면 사이의 흐름이 배울 점이 많습니다. 온보딩이 몇 단계인지, 결제까지 몇 번 누르는지 같은 것들이요. 낱장 이미지 모음으로는 그게 안 보입니다.

그리고 레퍼런스를 많이 모으는 것과 좋은 디자인을 하는 것은 별개입니다. 수집이 목적이 되면 정작 만드는 시간이 줄어듭니다.

같은 결의 한국 디자인·협업 도구

• 모아로(moaro): 디자인 시안 피드백·검수
• 디자인시스템 자동 생성 Figma 플러그인
• MIRIBOGI: 링크 공유 카드 검사

이런 분께 맞아요

• 레퍼런스를 자주 수집하는 UX/UI 디자이너
• 경쟁 서비스 플로우를 분석하는 기획자
• 디자인 리서치를 체계화하려는 팀
• 자료 정리에 시간을 뺏기는 프리랜서