> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 디자인에 템플릿과 영감 추가하기

> 라이브러리 패널을 사용해 디자인에 시작용 템플릿을 추가하거나, 탐색하는 동안 시각적 참고 자료로 Mobbin이 엄선한 앱 화면을 가져와 보세요.

디자인을 탐색하는 도중에도 라이브러리 패널을 이용하면 작업 흐름을 끊지 않고 계속 진행할 수 있습니다: 발전시킬 시작용 템플릿을 추가하거나, 방향을 잡는 데 참고할 실제 앱의 화면을 가져오세요.

Replit Design에서 **라이브러리 패널**을 여세요. 여기에는 **Templates**, **Inspiration**, **Library**(여러분이 직접 만든 것들) 세 개의 탭이 있습니다. 앞의 두 탭은 비슷해 보이지만 동작 방식이 다릅니다.

## 템플릿 추가하기

템플릿을 검색하거나 종류별로 둘러보세요: 포스터, 소셜 게시물, 랜딩 페이지, 모바일, 배너, 프로토타입. 하나를 클릭하거나 드래그하면 디자인에 추가되며, 실제로 동작하는 편집 가능한 프레임으로 도착해 스타일을 다시 입히거나 그 위에 계속 작업할 수 있습니다.

<Frame caption="Templates 탭: 종류별로 정리된 검색 가능한 시작용 프레임.">
  <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/library-templates.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=1e02d8d303bf6a33006e116feba2ae22" alt="검색 상자, 카테고리 필터, 포스터와 랜딩 페이지 두 개를 포함한 템플릿 카드가 있는 라이브러리 패널의 Templates 탭" width="665" height="583" data-path="images/design/replit-design/library-templates.png" />
</Frame>

## 영감 추가하기

Mobbin이 엄선한 실제 제품의 앱 스크린샷입니다. 하나를 클릭하면 캔버스에 참고용 정적 이미지로 표시되며, 디자인의 일부가 되지는 않습니다. 방향을 잡는 데 활용하세요: 채팅에서 이를 가리키거나, 다음 생성 시 참고하도록 언급하면 됩니다(*"이런 느낌의 히어로, 하지만 베이커리용으로"*).

<Frame caption="Inspiration 탭: Mobbin이 엄선한, 참고할 앱 화면들.">
  <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/library-inspiration.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=bbe66b831fd3a6b6017cfb04621453bb" alt="Airbnb onboarding, Coinbase checkout 같은 추천 검색어와 Mobbin이 엄선한 앱 스크린샷이 있는 라이브러리 패널의 Inspiration 탭" width="669" height="830" data-path="images/design/replit-design/library-inspiration.png" />
</Frame>

Templates와 Inspiration의 전체 비교는 [라이브러리 패널 레퍼런스](/ko/design/library-panel)에서 확인할 수 있습니다.

## 다음 단계

* [제안 살펴보기](/ko/design/explore-suggestions): 추가한 프레임에서 새로운 방향으로 뻗어나가 보세요.
* [디자인에 대해 채팅하기](/ko/design/chat-about-your-design): 템플릿의 방향을 잡거나 영감을 여러분만의 표현으로 참조해 보세요.
