피그마 피디아
피그마 관련 정보
주간 라이브
UXUI 공부
피그마 실무 Q&A
/
피그마로 설계하는 패턴의 기본 구조
/
피그마 실무Q&A
운영 가이드
콘텐츠 작성 가이드
피그마 피디아 명예 크루
유용한 피그마 플러그인
피그마 용어 사전
Mac 단축키 리스트
Win 단축키 리스트
주간 라이브 아카이빙
주간 라이브 문의채널
프롬프트 피디아
키오스크 맛집 탐방
UXUI 아티클
UXUI 용어정리
기술&디자인 블로그
웹 스크린 플로우 캡쳐하기
피그마 실무 Q&A
/
피그마로 설계하는 패턴의 기본 구조
/
Share
피그마 피디아
피그마 실무Q&A
운영 가이드
콘텐츠 작성 가이드
피그마 피디아 명예 크루
피그마 관련 정보
유용한 피그마 플러그인
피그마 용어 사전
Mac 단축키 리스트
Win 단축키 리스트
주간 라이브
주간 라이브 아카이빙
주간 라이브 문의채널
프롬프트 피디아
UXUI 공부
키오스크 맛집 탐방
UXUI 아티클
UXUI 용어정리
기술&디자인 블로그
웹 스크린 플로우 캡쳐하기
피그마로 설계하는 패턴의 기본 구조
글 작성일
2026/02/26
링크
질문 카테고리
데일리콘텐츠
소소한 꿀팁
1 more property
안녕하세요 여러분, 피피팀 시원
입니다.
오늘은 피그마로 설계하는 패턴의 기본 구조를 정리해보았습니다. 한 유닛(Unit)만 이해해도, 완성 패턴을 만들 수 있다는 사실! 함께 살펴볼까요?
깅엄 체크 (Gingham Check) ✓ 가로·세로 선이 교차하며 생기는 격자 패턴 ✓ 동일한 간격과 컬러 대비로 깔끔한 반복 구조 완성 ✓ 기본 사각형 유닛만으로 제작 가능 → 규칙적인 배치 연습에 가장 좋은 입문 패턴
아가일 체크 (Argyle) ✓ 마름모(다이아몬드) 형태가 반복되는 구조 ✓ 얇은 사선 라인을 더해 입체감 표현 ✓ 클래식하고 프레피 무드에 적합 → 회전·대칭 개념을 이해하기 좋은 패턴
폴카 도트 (Polka Dot) ✓ 일정한 간격으로 배치되는 원형 반복 패턴 ✓ 점의 크기·간격에 따라 분위기 변화 ✓ 귀엽고 경쾌한 무드 연출 가능 → 반복(Grid)과 정렬 기능 활용 연습에 적합
하운즈투스 (Houndstooth) ✓ 톱니처럼 보이는 기하학적 패턴 ✓ 사각형을 변형해 복잡한 형태로 확장 ✓ 모던하면서도 클래식한 인상 → Shape 조합과 음영 대비 이해에 도움