Mockups de arcilla (clay): marcos minimalistas en cualquier color

Actualizado el 30 de octubre de 2026

Un mockup de arcilla (clay) coloca tu captura en un dispositivo de forma suave, mate y de un solo color. No tiene cámara, reflejos de cristal ni bordes metálicos. Se lee como “un teléfono” o “una tablet” sin ser un modelo concreto. Los marcos clay mantienen la atención en tu app, y puedes hacer que el marco coincida con el color de tu marca.

Qué hace que un mockup sea “de arcilla”

El nombre viene de los renders de arcilla del modelado 3D: un objeto mostrado en un único material liso y mate, para que veas su forma sin el detalle de su superficie. Un mockup de dispositivo clay funciona igual.

Un color, mate. Todo el marco es de un solo color, con un sombreado suave por la luz y sin brillos ni reflejos.
Forma simplificada. Tiene las proporciones de un teléfono o una tablet: esquinas redondeadas, un cuerpo algo más grande que la pantalla y un poco de grosor. Los detalles pequeños, como los recortes de la cámara, se omiten.
Sin ligarse a un modelo. No dice ser un iPhone o un iPad concreto, así que nadie lo lee como el dispositivo del año pasado.

Cuándo funciona mejor un marco de arcilla que uno realista

Quieres que combine con tu marca

Los dispositivos reales vienen en unos pocos acabados fijos. Un marco clay puede ser de cualquier color, así que puede ser el color de tu marca, un tono del color de acento de tu app o un neutro que se funde con el fondo. En un conjunto de capturas para la App Store o en una serie de publicaciones, un mismo color clay en todas las imágenes hace que el conjunto parezca diseñado y no improvisado.

Publicaciones y diapositivas minimalistas

En un feed, un teléfono detallado con reflejos y botones visibles compite con tu interfaz. Un marco mate en un color suave es más discreto, así que lo que la gente mira es tu pantalla. Lo mismo pasa en diapositivas y documentación, donde el dispositivo solo está para decir “esto va en un teléfono”.

No se queda anticuado

Los marcos realistas envejecen. Una captura en el modelo del año pasado puede hacer que tu app parezca más vieja de lo que es, y querrás rehacer tus imágenes cuando salgan teléfonos nuevos. Un teléfono clay no pertenece a ningún año, así que las imágenes que hagas hoy seguirán viéndose bien el año que viene.

Sirve para cualquier tamaño de pantalla

A veces tu captura no coincide con un dispositivo actual: una captura del simulador, un dispositivo antiguo o un teléfono que aún no se ha anunciado. Un marco realista sería del modelo equivocado o todavía no existiría. Un marco clay toma su forma de la captura, así que encaja con lo que tengas sin sugerir ningún hardware concreto.

Cuándo usar un marco realista

La arcilla no siempre es la opción correcta. Si tu app depende de un dispositivo concreto, como una función para el iPhone más nuevo o un diseño solo para iPad, un marco realista lo muestra de un vistazo. Los anuncios de producto y las imágenes para prensa también suelen quedar mejor con hardware real. Mucha gente usa los dos: marcos realistas para las imágenes del lanzamiento y clay para las publicaciones del día a día.

Cómo elegir un color clay

Empieza por el fondo. El marco y el fondo son las dos grandes zonas de color. Elige primero el fondo y después un color de marco un poco más claro u oscuro de la misma familia. Gris pálido sobre blanco, azul intenso sobre azul marino y melocotón sobre crema funcionan bien.
Que la pantalla sea lo más brillante. Si tu app tiene una interfaz clara, un marco algo más oscuro hace que la pantalla destaque. Con una interfaz oscura, un marco más claro consigue lo mismo.
Usa el color de tu marca con cuidado. El color de marca a plena intensidad en el marco puede eclipsar la pantalla. Una versión suavizada, con más blanco o más gris, suele quedar mejor y se sigue reconociendo como tuya.
Sé constante. Usa un mismo color de marco en un conjunto de imágenes. Cambia el fondo o la disposición en su lugar.
Revisa el contraste. Con un marco muy parecido al color del fondo, el dispositivo puede desaparecer. Una sombra suave ayuda a separarlos.

Cómo crear mockups de arcilla en FeatureFrame

FeatureFrame tiene dos dispositivos clay: Móvil Clay, con la forma de un iPhone actual, y Tablet Clay, con la forma de un iPad mini. Ninguno tiene la Dynamic Island ni la cámara dibujadas. Cada uno toma su forma de tu captura, así que encaja con cualquier tamaño de pantalla.

Añade tu captura. Arrástrala a la ventana o pégala. Las capturas con forma de teléfono van en el Móvil Clay, y las de tablet en la Tablet Clay.
Elige Clay en el menú Dispositivo si la captura está en un marco de dispositivo real.
Elige un color. Hay 14 colores predefinidos: Blanco, Negro, Nube, Piedra, Arena, Terracota, Grafito, Rosa palo, Melocotón, Mantequilla, Menta, Cielo, Lavanda y Salvia. Para usar cualquier otro color, como el de tu marca, escribe su valor hexadecimal o usa el selector de color.
Inclínalo. Los marcos clay son 3D como los dispositivos reales, así que los ángulos predefinidos y los controles de inclinación funcionan igual. Una ligera inclinación muestra el sombreado suave del borde.
Prepara la escena. Elige un fondo (sólido, degradado, un fondo de pantalla de macOS o tu propia imagen), una sombra y un tamaño de lienzo. Añade una segunda o tercera captura para una disposición.
Copia o exporta. Copia la imagen para pegarla en una publicación, arrástrala fuera o exporta en PNG o JPEG.

El Móvil Clay y la Tablet Clay en Blanco y Negro son gratis. Los demás colores, los colores personalizados, los marcos de dispositivos reales, la exportación en PNG y tu propia marca de agua vienen con FeatureFrame Pro, por 19,99 $ una sola vez o 9,99 $ al año.

Una receta sencilla para empezar

Para un conjunto limpio de capturas para la App Store o una publicación en redes:

Usa el marco Nube o Cielo sobre un fondo muy claro de la misma familia.
Añade una ligera inclinación y una sombra suave.
Mantén el mismo color y ángulo en todas las imágenes del conjunto.
Usa un lienzo 4:5 para los feeds, o 16:9 para una página de lanzamiento o una diapositiva.

Si estás haciendo capturas para la App Store, revisa los tamaños que pide Apple en nuestra guía de tamaños de capturas para la App Store.

Más lecturas

La biblioteca de marcos de dispositivos: todos los marcos reales de iPhone y iPad de FeatureFrame.
Tamaños de imagen para compartir capturas de apps.