Antes de empezar
Quién puede utilizar esta función
Disponible en cualquier equipo o plan.
Cualquiera con acceso de edición al archivo puede ajustar los ajustes del prototipo.
Puedes controlar cómo aparece un prototipo a los usuarios tanto en la 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 acorde con la marca.
Acceso a la configuración del prototipo
Para acceder a los ajustes del prototipo, haz lo siguiente:
- 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 utilizado en la vista de presentación.
- Fondo: establece el color de fondo cuando se reproducen prototipos en la vista de presentación.
- Flujos: ve y gestiona los flujos de prototipo en la página actual. Más información sobre los flujos de prototipo →
Dispositivo
Utiliza los ajustes del 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 cuenta con una serie de ajustes preestablecidos populares para los dispositivos. Las dimensiones de tus marcos prototipo definen las opciones disponibles.
-
Ajuste predeterminado de marco: si utilizaste un ajuste predeterminado de marco, Figma selecciona un dispositivo que coincida con ese ajuste. Puedes seleccionar otro dispositivo si lo deseas. Por ejemplo, si usas el ajuste predeterminado de marco de iPhone 15 Pro Max, Figma también seleccionará el iPhone 15 Pro Max como dispositivo.
- Vista de presentación: todos los ajustes predeterminados de marcos de tipo de dispositivo están disponibles.
- Vista previa en línea: solo están disponibles los ajustes predeterminados de marco para los dispositivos móviles (teléfono, reloj y tableta).
- Tamaño personalizado (ajustar): un tamaño personalizado escala automáticamente el diseño para que se ajuste a la pantalla en la que se está viendo el prototipo. Solo aplicable en vista de presentación: si seleccionas Tamaño personalizado, no verás un dispositivo al reproducir el prototipo en la vista previa en línea.
- Presentación (completa): muestra el prototipo en un tamaño que permite visualizarlo en su totalidad en la pantalla. Solo aplicable en la vista de presentación; si seleccionas Presentación, no verás ningún dispositivo al reproducir un prototipo en la vista previa en línea.
Orientación
Controla la orientación del dispositivo en la vista de presentación. Elige entre estas opciones:
- vertical u
- horizontal.
Nota: No es posible cambiar entre orientaciones dentro de un prototipo. Esto es algo a tener en cuenta si tienes marcos en tu prototipo con ambas orientaciones.
Modelo
Dependiendo del dispositivo que seleccionaste, puedes especificar un modelo determinado. Por ejemplo, el iPhone 15 Pro Max viene en cuatro colores diferentes.
Vista previa
Ve 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 del dispositivo seleccionado en la vista de presentación.
Por ejemplo, podrías establecer el fondo en un color neutro para ayudar a los usuarios a centrarse en el contenido o utilizar un color de marca para darle un toque extra de elegancia.