Updated 2026-05-24

웹·모바일 레퍼런스를
찾는 새로운 방법

단일 갤러리는 끝났다. 2026년은 목적별 SSOT 분리, 의미검색, AI 큐레이션 세 가지를 동시에 돌리는 시대. 정적 스크린샷이 아니라 모션·인터랙션·시장 데이터까지 레이어별로 수집한다.

01

카테고리별 SSOT

10 sources
Purpose
Primary
Backup
모바일 UI 스크린·플로우
Mobbin · AI 검색 / iOS / Android / Web
Screenlane · UI Sources · Cofolios
웹 풀페이지 갤러리
Godly · Land-book
Lapa.ninja · Refero · Httpster
사용자 플로우
Pageflows · 가입 / 결제 / 온보딩
UserOnboard · Growth.Design
SaaS 랜딩·카피
SaaSLandingPage · LandingFolio
Marketing Examples · GoodSaaS
인터랙션·모션
Awwwards · CSSDA
Codrops · Httpster
AI-native UX 트렌드
Linear · Raycast · Vercel · Arc · Cursor
Granola · Cap · v0 · Lovable
디자인 시스템
Apple HIG · Material 3 · Liquid Glass
Polaris · Atlassian · Carbon
신제품·런칭
Product Hunt · YC Launches
X build-in-public · Show HN
시장 검증·랭킹
Sensor Tower · data.ai
App Store · Play Store · Similarweb
디자이너 큐레이션
Sidebar.io · Hey.design
Designer News · UX Collective
02

검색 전략

2026 core
01

의미검색 우선

Mobbin AI · Lummi · Google Visual Search 로 "결제 실패 화면", "AI 사이드패널" 같은 의도 검색. 키워드 매칭 시대는 끝났다.

02

경쟁사 역추적

타겟 도메인을 Similarweb · Sensor Tower 에 넣어 상위 5개 동질 서비스 추출 → Mobbin · Pageflows 에서 패턴 비교.

03

레이어별 분리 수집

(a) 정보구조 (b) 인터랙션 (c) 비주얼·모션 (d) 카피. 한 사이트에서 다 보지 말고 레이어별 SSOT 분리.

04

본체 직접 분해

레퍼런스 사이트 캡처보다 실제 앱 30분 사용 + 비디오 캡처. 정적 스크린샷은 2026 모션 UX 시대에 정보 손실이 크다.

05

AI 큐레이션 활용

v0 · Lovable · Bolt 템플릿 갤러리, Figma Community "Liquid Glass" 키트, Mobbin AI Collections.

03

안티패턴

avoid
Dribbble · Behance 만 보고 끝내기 — 실제 배포되지 않은 컨셉이 70%
인기 1위만 보기 — Top 10 중 다양한 접근 비교가 핵심
영어권만 보기 — 일본(note · SmartHR), 중국(WeChat · Xiaohongshu), 한국(Toss · Linder) 패턴이 2026 글로벌 영향력이 크다