피그마 템플릿 무료 사이트 모음 (+ 템플릿 종류)

피그마 템플릿은 그 종류가 매우 많고, 양도 많습니다. 원하는 템플릿을 찾으실 수 있도록 피그마 무료 템플릿 사이트와 함께, 템플릿의 종류를 분류해보았습니다.

 

 

템플릿은 좋은 참고 자료가 되기도 하고, 응용해서 작업에 사용하면 처음부터 만드는 것보다 빠르고 효율적입니다.

 

그런데 오히려 정보가 너무 많아서 원하는 템플릿을 찾기가 어렵지 않은가요?

 

템플릿의 종류가 어떤게 있고, 어떤 템플릿을 이용할지 파악할 수 있다면 피그마 커뮤니티나 템플릿 사이트를 탐색하는 시간을 줄일 수 있습니다. 

 

따라서 이 글에서는 무료 템플릿 사이트 모음과 함께, 글 아래에서 직접 분류한 템플릿의 종류와 템플릿 빨리 찾는 방법을 소개합니다.

먼저, 피그마 커뮤니티 이외에 어떤 템플릿 사이트들이 있는지 소개해드릴테니 한번 둘러보시기 바랍니다.

 

1. 피그마 템플릿 무료 사이트 모음

 

피그마 공식 사이트가 아닌 외부 사이트들에서 템플릿 다운로드를 누르면, 대부분 피그마 커뮤니티로 링크되며 사이트간 중복도 있습니다.

 

따라서 템플릿 제공 사이트는 커뮤니티보다 분류를 쉽게 한다는 느낌으로 이용하시면 되겠습니다.(간혹 드리블같은 다른 사이트로 이동하기도 합니다.)

 

 

• 피그마 공식 템플릿 페이지(공식 제작&안내하는 템플릿)
• 피그마 커뮤니티 페이지(실제 작업자들이 올린 파일)
• setproduct(템플릿 판매도 가능)
• uikitsnow(카테고리 있음)
• uxcrush(360여개의 템플릿 소개)
• speckyboy(부트스트랩 UI키트 등도 있음)
• templatefreebies(아이콘, 와이어프레임으로 분류)
• uistore(대분류 있음, 피그마 외 리소스도 제공)
• figmaelements(최신 템플릿, 목업, 디자인 시스템, 테마에 따른 UI 키트, 구성 요소 등으로 섹션이 있음)

 

2. 피그마 템플릿 종류

 

제가 템플릿을 찾으며 느낀 문제 의식은 다음과 같습니다.

 

• 피그마 커뮤니티에서 검색을 하는 것 만으로는, 전체 템플릿들을 어떻게 활용할지 파악하기가 어렵습니다.
• 대부분의 템플릿 제공 사이트들에서 태그에 따라 탐색이 안되거나, 세분화되지 않은 것을 확인하였습니다.
• 게다가 3D 에셋 등 리소스에 해당하는 것들도 플러그인으로 제공되는 경우가 있습니다. (이번 글에서 플러그인은 논외로 합니다.)

 

따라서 템플릿 종류를 다음과 같이 크게 나눠서 파악해보려 합니다.

 

1. 작업에 필수적인 것들
2. 테마, 용도에 따라 활용할 완성품
3. 버튼, 아이콘 등의 구성요소와 리소스

 

이외에 기타 메일, eBook을 위한 템플릿 등으로 나누어보았습니다.

 

아래에 소개해드리는 분류를 영어 키워드로 커뮤니티 또는 템플릿 제공 사이트에 검색하시면 빠르게 찾으실 수 있습니다.

필수적인 피그마 템플릿

 

이미 다른 템플릿을 사용하든 직접 만들어서 쓰든, 작업을 하면서 꼭 필요한 것들을 필수적인 템플릿이라고 생각해 분류해보았습니다.

 

 

1. 기획 문서 관련

 

이 글을 보시는 분들은 기획자보다는 디자이너가 많으실 거라고 생각합니다. 하지만 서비스를 제작하려면 그 목적과 핵심 전략에 대해 알고 있어야 하고, UIUX를 제작할 때는 사용자를 이해해야합니다.

 

기획 문서 관련 피그잼 템플릿은 피그잼 기획 템플릿에 대해서 쓴 글을 참고해주세요.

 

(피그잼 파일 요소는 피그마 파일에 붙여넣어, 피그마 파일 안에서 관리가 가능하기 때문에 파일 관리가 번잡하지는 않습니다.)

 

대부분 제가 UIUX 디자인 리서치, 모델링, 정보 설계 등을 공부하며 나온 내용들에 해당하는 템플릿을 적었습니다.

 

 

2. 스타일 가이드

 

• 그리드
• 컬러 테마, 폰트
• 아이콘 세트

 

 

3. 모바일 운영체제별 디자인 시스템

 

• 안드로이드
• iOS
• 구글 머티리얼 디자인 기반
• 반응형 웹 구성요소
• 자동 레이아웃 구성요소

 

 

4. 와이어 프레임

 

• 와이어 프레임 (블루프린트, 종이, 구성 요소 배치식, 그레이, 연필)

테마에 따른 피그마 템플릿(완성된 디자인)

 

서비스의 테마와 작업 목적, 용도에 따라 다양한 완성된 디자인 템플릿들이 있습니다.

 

작업하시려는 분야가 어떤 분야인지 파악하고, 영어로 검색하시면 원하는 템플릿을 찾는데에 더 효율적일 것 입니다.

 

 

1. 기업

 

• 비즈니스
• 마케팅
• 금융, 뱅킹

 

 

2. 전자상거래

 

• 건강
• 식음료
• 쇼핑
• 여행
• 인테리어
• 패션
• 아동
• 뷰티
• 서점

 

 

3. 창의적인

 

• 포트폴리오
• 사진
• 예술
• 에이전시

 

 

4. 테크놀로지

 

• 소프트웨어
• 전기차
• 웹호스팅
• NFT
• 암호 화폐
• 핀테크

5. 엔터테인먼트

 

• 게임&eSports
• 카지노
• 음식배달
• 이벤트

 

 

6. 비영리기관용

 

• 정부기관
• 종교
• 비영리단체

 

 

7. 개인용도

 

• 소셜앱
• 소셜 웹사이트
• 데이팅
• 개인 홈페이지
• 생산성
• 채팅
• 학습
• 뮤직 플레이어
• 가계부
• 할 일

 

 

8. 특정 페이지

 

• 랜딩페이지
• 대시보드
• 통계

특정 구성 요소, 리소스 등

 

• 아이콘 (자주 쓰이는 UI 아이콘, 크롬 등의 서비스, 소셜 네트워크, 암호 화폐, 신용카드, 깃발, 테마에 따른 아이콘)
• 디자인 카드 구성 요소(미리 만들어진 디자인 화면 유형)
• 일러스트레이션 (2D, 3D)
• 그라디언트
• 버튼
• 그림자
• 네비게이션
• 아코디언
• 차트
• 위젯
• 텍스트 필드
• 가입 양식
• 신용카드 모형
• svg 지도
• 목업 (안드로이드, iOS, 윈도우, 맥북 ,패드, 워치, 클레이 ,닌텐도 스위치 ,애플 티비 등)

 

 

기타 용도

 

• 메일
• eBook
• 프리젠테이션
• 리액트 Blueprint.js 기반 UI 키트(특정 라이브러리에 최적화)

 

 

이 밖에 다양한 피그마 관련글을 연재하고 있으니 피그마 태그 글 목록에서 다른 글들도 확인해보세요.

 

참고하면 좋은 것들

 

본문에서 개념적인 것들에 대해 설명을 드렸지만, 무엇인가 실질적으로 활용하기 위해서는 필요한 물건들이 분명 있습니다.

 

그러한 물건들을 찾아서 소개하니 여러분의 시간은 더 소중한 것에 쓰세요!

1. ‘프로덕트 디자인 입문 with 피그마’라는 책입니다.

 

피그마가 나온지 얼마 안되었을 때는 변변한 책도 없었고, 몇 개의 책을 구매해서 보았지만 버전이 바뀌면서 책의 내용과 실제 피그마의 사용법이 달라지는 경우가 왕왕 있었습니다.

 

이 책은 2023년에 나온 책이라서 최신 버전의 피그마로 공부할 수 있습니다!

 

 

게다가 코딩을 비롯한 IT 교육 서적을 잘만드는 이지스퍼블리싱의 DO IT 시리즈라서 더 믿음이 갑니다.

 

UI 이론 > 피그마 사용 > 서비스 기획과 구현 > 협업 순서로 실무를 기준으로 한 예제와 함께 정리가 잘 되어있는 책입니다.

 

 

디자인 용어들도 짬짬히 알려줍니다.

 

‘톤앤 매너’라든지 ‘캐러셀’이라든지 협업하며 통용되는 용어들은 팀원과 소통할 때도 요긴하게 쓰입니다.

 

 

또한 UIUX를 공부하다보면 어디서부터, 얼마나, 어떻게 공부해야할지 막막할 수 있습니다.

 

구글 머테리얼 디자인, 애플 휴먼 인터페이스 디자인이 훌륭한 건 알겠는데, 가이드를 정독해야 할지 같은 고민을 하게 되죠.

 

이러한 고민들을 실무에서 다정한 선배가 알려주듯이 알려주어서 좋았습니다.

2. ‘된다! 하루 5분 노션 활용법’책도 참고해보세요.

 

노션 많이들 쓰실텐데, 노션은 제대로 활용했을때 효과가 천지차이입니다.

 

처음에는 어려울 수 있지만, 표-칸반보드와 관계형 데이터베이스만 알아도 거의 모든 것들을 깔끔하고 직관적으로 정리할 수 있습니다!

 

저는 이 책을 통해 노션 사용법을 배우면서 개인적인 생각이나 생활, 업무 체계 등에 활용하면서 정말 정리가 잘되서 도움이 많이 되었습니다.

 

 

3. ‘로지텍 리프트 버티컬’ 마우스입니다.

 

웹을 디자인 하다보면 타블렛보다는 마우스를 많이 쓰죠. 하루에도 수많은 클릭과 드래그로 고통받는 손목에 단비같은 물건입니다.

 

로지텍은 키보드 마우스 잘만드는 회사라 품질은 말할 것이 없죠.

 

특히 버티컬 마우스는 쓰다보면 키보드로 오른손을 옮길 때

 

오른손으로 마우스를 치게 되어서 자주 쓰러지는데, 이 제품은 쓰러지지 않고 안정적이며 편안합니다.

 

이 블로그는 쿠팡 파트너스 활동을 통한 작은 수익을 통해 운영되며, 구매자에게 추가 비용은 발생하지 않습니다.

이상으로 피그마 템플릿을 얻을 수 있는 사이트들과 템플릿의 종류에 대해서 알아보았습니다.

 

읽어주셔서 감사합니다.