반응형
[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? 다른 툴과의 차이점
→ 어떤 툴이 나에게 맞을까? 디자이너가 직접 비교해드립니다.
반응형
'FIGMA 피그마 가이드' 카테고리의 다른 글
[Figma 초보 가이드] 10편. 실무에서 바로 쓰는 Figma 꿀팁 모음 (0) | 2025.04.09 |
---|---|
[Figma 초보 가이드] 9편. Figma vs Canva? 어떤 툴이 나한테 맞을까? (2) | 2025.04.08 |
[Figma 초보 가이드] 7편. 플러그인으로 기능 확장하기 – 필수 추천 플러그인 5가지 (2) | 2025.04.06 |
[Figma 초보 가이드] 6편. 팀 프로젝트, 협업이 쉬워지는 공유 기능 (2) | 2025.04.05 |
[Figma 초보 가이드] 5편. 컴포넌트? 인스턴스? 재사용 가능한 디자인 쉽게 만들기 (0) | 2025.04.04 |