Cómo poner una captura de pantalla en un marco de iPhone en el Mac

Una captura enmarcada se lee como un teléfono de un vistazo. En un feed, eso le dice a la gente que está viendo una app, no una imagen cualquiera, antes de leer una sola palabra. Esta guía explica tres formas de hacerlo, de la más rápida a la más manual.

Antes de empezar: consigue la captura correcta

Un marco solo encaja bien cuando la captura es la pantalla completa a la resolución del propio dispositivo. Es lo que obtienes al hacerla en el teléfono o en el Simulador:

Pásala al Mac con AirDrop, Fotos o iCloud. No la recortes ni la redimensiones antes. Una captura de un iPhone 18 Pro, por ejemplo, mide 1206 × 2622 píxeles, y ese tamaño exacto es lo que le dice a una herramienta de qué teléfono viene. Si no sabes qué dispositivo hizo una captura, la guía de tamaños de captura relaciona tamaños con dispositivos.

Opción 1: suéltala en FeatureFrame

FeatureFrame es una app para Mac hecha para esto. Lee el tamaño en píxeles de la captura, encuentra el dispositivo que la hizo y la enmarca en un modelo 3D de ese teléfono.

  1. Abre FeatureFrame y suelta la captura en la ventana, o pégala con ⌘ V.
  2. Elige por ti el iPhone o iPad correspondiente, del iPhone 11 Pro al iPhone 18 Pro Max, el iPhone Air, el iPhone Duo y los iPad Pro, Air y mini. Puedes cambiar el dispositivo y su color en el panel de la derecha.
  3. Inclina el teléfono arrastrando en el editor de ángulo, o elige uno de los ángulos predefinidos.
  4. Elige un formato de lienzo según dónde vayas a publicar, como 4:5 para una publicación de Instagram o 16:9 para X, y un fondo: un color sólido, un degradado, un fondo de pantalla de macOS o tu propia imagen.
  5. Copia la imagen con ⌘ C y pégala directamente en una publicación, arrástrala fuera de la ventana o expórtala con ⌘ E a 720p, 1080p o 4K.

Puedes poner hasta tres capturas en un mismo lienzo, en fila, en columna o superpuestas, y comparten tamaño y separación. Quienes usan la versión gratis tienen los marcos Móvil Clay y Tablet Clay en blanco o negro, y las exportaciones llevan una pequeña insignia de FeatureFrame. FeatureFrame Pro desbloquea todos los marcos de dispositivos reales, tu propia marca de agua o ninguna, y la exportación en PNG.

Opción 2: usa un PNG de marco gratis

Si ya trabajas en Keynote, Figma o Pixelmator Pro, con un PNG de marco te basta. La biblioteca de marcos de dispositivos tiene un PNG gratis para cada modelo de iPhone y iPad, con la pantalla transparente a la medida para que las capturas de ese modelo encajen píxel a píxel. Cada página de dispositivo, como la del marco del iPhone 18 Pro, indica el tamaño de captura que encaja y su posición exacta en x e y.

La regla es la misma en todas las apps: la captura va en una capa debajo del marco. El bisel y las esquinas redondeadas del marco tapan entonces los bordes de la captura.

En Keynote

  1. Crea una presentación nueva y ajusta el tamaño de diapositiva en el inspector Documento al de tu lienzo, como 1080 × 1350.
  2. Arrastra tu captura y después el PNG del marco.
  3. Con el marco seleccionado, elige Organizar > Traer al frente. Keynote conserva la transparencia del PNG.
  4. Selecciona los dos, cámbiales el tamaño a la vez manteniendo pulsada Shift y alinea la captura con la abertura de la pantalla. Agrúpalos para que se muevan juntos.
  5. Elige Archivo > Exportar a > Imágenes y escoge PNG.

En Figma

  1. Crea un frame del tamaño de tu lienzo y dale un relleno de fondo.
  2. Suelta el PNG del marco y la captura. En el panel de capas, arrastra la captura debajo del marco.
  3. Ponles el tamaño y la posición de la página del dispositivo a escala 100 %, agrúpalos y escala el grupo para que encaje en tu lienzo.
  4. Exporta el frame en PNG o JPEG.

En Pixelmator Pro

  1. Abre el PNG del marco. Su lienzo ya tiene el tamaño correcto.
  2. Arrastra la captura, mueve su capa debajo del marco en la barra lateral Capas y pon su posición en la x y la y de la página del dispositivo.
  3. Combina o agrupa las dos capas, cambia el tamaño del lienzo y añade una capa de fondo abajo del todo.
  4. Exporta con Archivo > Exportar.

Opción 3: los biseles de producto de Apple

Apple publica imágenes oficiales de sus dispositivos en su página de Design Resources, en Product Bezels, como archivos de Photoshop y PNG para los modelos recientes de iPhone e iPad. Las capas funcionan igual: la captura debajo y el bisel encima. Apple pide que revises sus recursos de marketing y sus directrices de identidad si usas los biseles en marketing, así que léelos antes de publicar.

Cuida los detalles

¿Y las capturas del Mac?

Una captura de una ventana del Mac no necesita marco de dispositivo. Ya tiene forma de ventana. Captura la ventana y colócala sobre un fondo con algo de margen y una sombra. Si la captura trae la sombra de macOS, consulta cómo hacer una captura en el Mac sin la sombra. FeatureFrame reconoce una captura de ventana, quita la sombra de macOS, conserva las esquinas redondeadas y la enmarca como una tarjeta sencilla.

Siguientes pasos

Con la captura enmarcada, el resto es presentación. Cómo hacer que tus capturas se vean bien en redes sociales explica los fondos, el margen y la coherencia en una serie, y hay guías para compartir en X y carruseles de Instagram. Para saltarte las capas del todo, consigue FeatureFrame en la Mac App Store.

Más guías