본문 바로가기

FIGMA 피그마 가이드

[Figma 초보 가이드] 8편. 나만의 디자인 템플릿 만들고 저장하기

반응형

[8편] 나만의 디자인 템플릿 만들고 저장하기

Figma에서 똑같은 구조를 여러 번 다시 만들기 귀찮았다면,
템플릿을 저장해두면 작업 효율이 껑충 올라가요!


✔️ 디자인 템플릿이란?

자주 사용하는 레이아웃, 버튼, 카드 등을 미리 만들어두고
필요할 때 불러와서 사용하는 기본 틀이에요.

예: 유튜브 썸네일 템플릿, 피드 카드 템플릿, 프로필 레이아웃 등


✔️ 템플릿 만드는 방법

1️⃣ 원하는 디자인 요소를 완성
2️⃣ 모든 객체를 드래그해 하나로 그룹(Group) 만들기
3️⃣ Create Component 클릭 (⌥⌘K 또는 Alt+Ctrl+K)
4️⃣ 오른쪽 클릭 → Add to Library 또는 팀 라이브러리로 이동

TIP: 프로젝트별로 "템플릿 모음" 전용 파일을 만들어 저장하면 나중에 찾기 쉬워요!


✔️ 만든 템플릿 불러오기 (재사용 방법)

1️⃣ 새 파일에서 Assets 탭 열기
2️⃣ 라이브러리 켜기 (Book icon 클릭)
3️⃣ 원하는 템플릿 컴포넌트를 드래그해서 사용!

텍스트, 이미지만 바꾸면 새로운 디자인 완성 🎉


✔️ 템플릿 활용 예시

템플릿 종류활용 분야
피드 카드 인스타/블로그 콘텐츠 디자인
썸네일 템플릿 유튜브, 강의 콘텐츠 커버
앱 UI 구성 리스트, 카드, 버튼 구조
발표 슬라이드 기본 프레임 + 타이틀 스타일 저장

✔️ 실전 팁

  • 자주 쓰는 템플릿은 컴포넌트로 만들고 이름 정리
  • Page를 나눠서 템플릿 전용 페이지 따로 구성해두면 깔끔
  • 팀원과 공유하려면 → 팀 프로젝트로 저장 & 라이브러리 ON

정리 요약

  • 템플릿 = 반복되는 디자인을 빠르게 불러올 수 있는 틀
  • 컴포넌트로 만들고, Assets에서 불러오기
  • 작업 효율 3배! 수정도 간편!

다음 편 예고

[9편] Figma vs Canva? 다른 툴과의 차이점
→ 어떤 툴이 나에게 맞을까? 디자이너가 직접 비교해드립니다.

반응형