# Settings Toggle Flow: 설정 페이지 애니메이션

커서가 스위치를 켜고, 선택 상자에서 테마를 고르고, 볼륨 슬라이더를 드래그한 뒤 저장을 클릭하면 저장 완료 토스트로 마무리됩니다. 동영상 템플릿. Claude용 코드를 복사하거나 Subclip에서 편집하세요.

Canonical URL: https://www.subclip.app/ko/motion-graphics-templates/remotion/settings-toggle-flow

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-settings-toggle-flow.mp4?v=a786adea42

두 열로 된 설정 카드에서 커서가 알림을 켜고, 테마를 고르고, 슬라이더를 드래그한 뒤 저장합니다.

- 프레임워크: Remotion
- 카테고리: UI
- 길이: 11초
- 화면 비율: 16:9 가로
- 코드: 코드 받기(무료 로그인): https://www.subclip.app/ko/motion-graphics-templates/remotion/settings-toggle-flow

"Notification settings" 카드가 나타나고 컨트롤이 하나씩 흐릿하게 드러납니다. 커서가 알림 스위치를 켜고, 테마 선택 상자를 열어 마지막 옵션인 Dark를 고른 뒤, 볼륨 슬라이더를 드래그해 값을 바꿉니다. 오른쪽 아래 "Save settings"를 클릭하면 버튼에 체크 표시가 나타나고, "Settings saved" 토스트가 나타났다가 나중에 닫힙니다. 약 10초 동안 재생됩니다.

재생 속도와 장면 주변 배경을 조정할 수 있고, 라벨, 옵션, 색상은 코드에서 편집할 수 있습니다. SaaS 제품 투어, 환경 설정 기능 데모, 앱 튜토리얼, 디자인 시스템 소개에 사용하세요.

## 이럴 때 쓰세요

- SaaS 제품 투어
- 환경 설정 기능 데모
- 앱 튜토리얼
- 디자인 시스템 소개

## 바꿀 수 있는 항목

- `speed`: 재생 속도 (숫자)
- `stageBackground`: 현장 주변의 배경 (색상)

## 이 템플릿 사용 방법

1. Mac 또는 Windows용 Subclip을 내려받으세요. 이 페이지의 모든 템플릿이 미리 설치되어 있습니다.
2. 템플릿 패널을 열고 Settings Toggle Flow을(를) 골라 타임라인에 끌어다 놓으세요.
3. 레이어 설정에서 텍스트, 색상, 타이밍을 바꾸거나 AI 에이전트에게 수정을 맡기세요.
4. 영상을 내보내거나, 코드를 내려받아 내 프로젝트에서 템플릿을 사용하세요.

remocn의 Settings Toggle Flow을(를) 바탕으로 제작: https://remocn.dev