# Settings Toggle Flow: Animación de página de ajustes

Un cursor activa un interruptor, elige un tema en un selector, arrastra un deslizador de volumen y pulsa Guardar, y termina con un toast de guardado. Plantilla de vídeo: copia el código para Claude o edítala en Subclip.

Canonical URL: https://www.subclip.app/es/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

Una tarjeta de ajustes a dos columnas donde un cursor activa las notificaciones, elige un tema, arrastra un deslizador y guarda.

- Framework: Remotion
- Categoría: Interfaz
- Duración: 11 s
- Relación de aspecto: 16:9 horizontal
- Código: Consigue el código (inicio de sesión gratis): https://www.subclip.app/es/motion-graphics-templates/remotion/settings-toggle-flow

Una tarjeta "Notification settings" aparece y sus controles surgen del desenfoque uno a uno. Un cursor activa el interruptor de notificaciones, abre el selector de tema y elige la última opción, Dark, y luego arrastra el deslizador de volumen mientras cambia el valor. Pulsa "Save settings" abajo a la derecha, el botón muestra un check y aparece un toast "Settings saved" que después se cierra. Dura unos diez segundos.

Puedes ajustar la velocidad de reproducción y el fondo alrededor de la escena, y editar las etiquetas, las opciones y los colores en el código. Úsala en un recorrido por un producto SaaS, la demo de una función de preferencias, un tutorial de una app o la presentación de un sistema de diseño.

## Úsala para

- Recorridos por productos SaaS
- Demos de funciones de preferencias
- Tutoriales de apps
- Presentaciones de sistemas de diseño

## Qué puedes cambiar

- `speed`: Velocidad de reproducción (Número)
- `stageBackground`: Fondo alrededor de la escena (Color)

## Cómo usar esta plantilla

1. Descarga Subclip para Mac o Windows. Todas las plantillas de esta página vienen preinstaladas.
2. Abre el panel de plantillas, elige Settings Toggle Flow y arrástrala a tu línea de tiempo.
3. Cambia el texto, los colores y el ritmo en los ajustes de la capa, o pide al agente de IA que la edite por ti.
4. Exporta tu video o descarga el código para usar la plantilla en tu propio proyecto.

Basada en Settings Toggle Flow de remocn: https://remocn.dev