Pattern Atlas
무료로 시작

2026년 2분기 라이브러리 업데이트

잘 만든 화면을 패턴으로 찾습니다

온보딩, 결제, 검색, 권한 요청. 실제 서비스에서 검증된 화면을 플로우 단위로 모았습니다.

예: 결제 실패 화면, 빈 상태, 온보딩 3단계

라이브러리 둘러보기 플로우 예시 보기

신용카드 없이 42개 패턴 무료 열람

숫자로 보는 라이브러리

2026년 6월 30일 기준 내부 집계

18,400

정리된 화면

iOS · Android · 웹

1,260

수록 서비스

매주 화요일 갱신

340

플로우 시리즈

가입부터 해지까지

9,100

월간 활성 팀

제품·디자인·리서치

이런 팀에서 사용하고 있습니다

  • 커머스 플랫폼 제품팀
  • 핀테크 디자인 시스템 조직
  • B2B SaaS 리서치 그룹
  • 초기 단계 스타트업

카테고리

관심 있는 영역만 골라서 좁혀 보세요.

이번 주 추천 패턴

에디터가 직접 검토한 화면입니다.

6 개 패턴

신규

iOS·온보딩

단계 표시가 있는 온보딩

진행률을 먼저 보여주고 입력을 뒤로 미루는 구조입니다.

6 화면 업데이트 6월 28일
에디터 선정

웹·결제

결제 실패 복구 플로우

오류 원인을 카드사 단위로 구분해 안내합니다.

5 화면 업데이트 6월 27일

웹·검색·필터

필터가 붙은 검색 결과

선택한 조건을 결과 목록 위에 칩으로 남겨 되돌리기 쉽게 만듭니다.

8 화면 업데이트 6월 25일

Android·빈 상태

설명이 있는 빈 상태

비어 있는 이유와 다음 행동을 한 화면에서 정리합니다.

4 화면 업데이트 6월 24일

iOS·권한 요청

맥락을 설명하는 권한 요청

시스템 권한 창을 띄우기 전에 사전 안내 화면을 둡니다.

3 화면 업데이트 6월 22일

웹·구독 전환

요금제 비교 구독 전환

무료와 유료의 차이를 기능이 아니라 사용량 기준으로 보여줍니다.

7 화면 업데이트 6월 21일
전체 패턴 보기

라이브러리를 실무에 붙이는 방법

레퍼런스를 모으는 것에서 끝나지 않도록 만들었습니다.

  • 01

    플로우 단위 수집

    화면 하나가 아니라 이어지는 경로 전체를 순서대로 봅니다.

  • 02

    설계 근거 메모

    각 화면에 왜 이렇게 만들었는지 정리해 둡니다.

  • 03

    팀 컬렉션 공유

    프로젝트별로 컬렉션을 만들어 링크 하나로 공유합니다.

  • 04

    디자인 도구 연동

    선택한 화면을 원본 해상도로 내보냅니다.

  • 05

    주간 업데이트 요약

    관심 카테고리에 새 패턴이 추가되면 매주 한 통으로 보냅니다.

  • 06

    검색 조건 저장

    자주 쓰는 필터 조합을 저장해 다음 작업에서 불러옵니다.

무료 플랜

다음 화면 설계를 근거와 함께 시작하세요

42개 패턴을 신용카드 없이 열람할 수 있습니다.

무료로 시작하기 팀 플랜 문의

설치 없이 브라우저에서 바로 사용합니다.