---
url: "/ko/bannerify/animation/live-preview.md"
description: "키프레임과 속성을 조정하면서 사용자 지정 애니메이션을 실시간으로 확인하세요."
---

# 라이브 미리보기 사용하기

> 키프레임과 속성을 조정하면서 사용자 지정 애니메이션을 실시간으로 확인하세요.

### 영상 튜토리얼: Figma 배너 디자인에 사용자 지정 애니메이션 추가하기(영어)

Bannerify 플러그인으로 배너에 사용자 지정 키프레임 애니메이션을 추가하는 방법을 보여 주는 영상이에요.
[Embedded media](https://www.youtube-nocookie.com/embed/Js4uSQ855uo)

[Video](/assets/videos/bannerify/animation/live-preview-speeds.mp4)

업데이트한 키프레임과 속성에 따라 애니메이션이 어떻게 보이는지 확인하려면, 키프레임 속성 옆에 있는 **Live preview** 영역을 보세요. 키프레임, 속성, 이징을 변경하면 라이브 미리보기에 자동으로 반영돼요.

> **Tip:** **라이브 미리보기의 재생 속도를 조정할 수 있어요**. 사용자 지정 애니메이션이 다른 속도에서 어떻게 보이는지 확인하려면, 미리보기 아래의 **Duration** 슬라이더를 드래그해 미리보기가 한 번 반복되는 데 걸리는 시간(초)을 바꾸세요.