Antes de empezar
Quién puede utilizar esta función
Está disponible en cualquier equipo o plan.
Cualquiera con acceso Puede editar al archivo puede ajustar la configuración del prototipo.
Puedes controlar cómo aparece un prototipo a los usuarios tanto en vista de presentación como en la vista previa en línea. Esto puede ayudar a que un prototipo se sienta más realista o de acuerdo con la marca.
Acceder a la configuración del prototipo
Para acceder a la configuración del prototipo:
- Deselecciona cualquier objeto haciendo clic en una parte vacía del lienzo.
- Selecciona la pestaña Prototipo en la barra lateral derecha.
- Dispositivo: Personaliza el tipo de dispositivo, la orientación y el modelo utilizados en la vista de presentación.
- Fondo: Establece el color de fondo al reproducir prototipos en la vista de presentación.
- Flujos: Ve y gestiona los flujos de prototipos en la página actual. Aprende más sobre los flujos de prototipos →
Dispositivo
Usa la configuración de Dispositivo para colocar tu prototipo en un contenedor realista. Verás el contenedor del dispositivo cuando reproduzcas tu prototipo usando la vista previa en línea o la vista de presentación.
Dispositivo
Figma tiene una serie de configuraciones previas de dispositivos populares. Las dimensiones de los marcos de tu prototipo definirán qué opciones están disponibles.
-
Configuración previa del marco: Si usaste una configuración previa del marco, Figma seleccionará un dispositivo que coincida con esa configuración. Puedes seleccionar otro dispositivo si lo deseas. Por ejemplo, si usas la configuración previa del de iPhone 15 Pro Max, Figma seleccionará también el iPhone 15 Pro Max como el dispositivo.
- Vista de presentación: Todas las configuraciones previas del marco de tipo de dispositivo están disponibles
- Vista previa en línea: Las configuraciones previas del marco solo están disponibles en un dispositivo móvil (teléfono, reloj y tableta)
- Tamaño personalizado (Ajuste): Un tamaño personalizado escala automáticamente el diseño, de modo que se ajusta dentro de la pantalla en la que estás viendo el prototipo. Solo aplicable en vista de presentación: si seleccionas tamaño personalizado, no verás un dispositivo al reproducir un prototipo en vista previa en línea.
- Presentación (Completa): Muestra el prototipo a un tamaño que permite que se muestre en la pantalla en su totalidad. Solo aplicable en la vista de presentación: si seleccionas Presentación, no verás un dispositivo al reproducir un prototipo en vista previa en línea.
Orientación
Controla la orientación del dispositivo en la vista de presentación. Elige entre:
- Retrato
- Paisaje
Nota: No es posible cambiar entre orientaciones dentro de un prototipo. Esto es algo a tener en cuenta si tienes marcos en tu prototipo en ambas orientaciones.
Modelo
Dependiendo del dispositivo que seleccionaste, puedes especificar un modelo particular. Por ejemplo, el iPhone 15 Pro Max viene en cuatro colores diferentes.
Vista previa
Visualiza una vista previa de cómo se verá el dispositivo en la vista de presentación.
Fondo
Elige un color de fondo personalizado para que aparezca detrás de tu dispositivo seleccionado en vista de presentación.
Por ejemplo, podrías establecer el fondo en un color neutro para ayudar a que los usuarios se concentren en el contenido, o usar un color de marca para un toque extra de estilo.