edittext.ai

Editar texto en una captura de pantalla de una app o web

Edita el texto de una captura de pantalla cuando una maqueta, un artículo de ayuda o una revisión de diseño necesita otras palabras y rehacer la pantalla llevaría demasiado tiempo. Diseñadores, responsables de producto y redactores técnicos pueden corregir una errata, actualizar una etiqueta que ha cambiado de nombre o probar otro texto de botón sin abrir el diseño original.

Sube tu captura de pantalla

Inicia sesión con Google para subir una imagen. Tu primera edición Standard es gratis e incluye marca de agua.

Ejemplos

Antes
Tres pantallas de teléfono del concepto de una app de seguimiento del estado de ánimo sobre fondo lila; el título de la primera pantalla pregunta «Not Sure About Your Mood?» sobre un botón «Let Us Help!» y unas caras de colores que representan estados de ánimo.
Después
La misma maqueta de la app con el título de la primera pantalla cambiado a «Check In With Your Mood» y el botón a «Get Started»; las otras dos pantallas no cambian.
El título de la pantalla de bienvenida pasa de «Not Sure About Your Mood?» a «Check In With Your Mood», y el botón, de «Let Us Help!» a «Get Started». Las otras dos pantallas de teléfono no cambian.
Antes
Página de precios de un SaaS llamado Extrude; la navegación superior muestra Pricing, Features y «Use cases» con una flecha de menú desplegable.
Después
La misma página con el menú «Use cases» renombrado como «Solutions» y con la flecha desplegable conservada; el resto de la navegación y las tarjetas de precios no cambian.
El elemento de menú «Use cases» pasa a llamarse «Solutions» para que la captura coincida con la navegación actual. Las tarjetas de precios y el resto de la cabecera no cambian.
Antes
Panel de ajustes de apariencia con filas de idioma, tema de la interfaz, color de acento e interruptores; la línea de ayuda gris bajo «Interface theme» dice «Customize your application appereance», con una errata.
Después
El mismo panel de ajustes con la línea de ayuda corregida a «Customize your application appearance» con la misma letra pequeña gris; el resto de etiquetas, botones e interruptores no cambian.
La errata «appereance» del texto de ayuda se corrige a «appearance» con la propia letra pequeña de la interfaz. Las vistas previas del tema, los interruptores y los botones no cambian.

Cómo funciona

  1. Captura la pantalla en un tamaño grande

    Haz la captura a la mayor escala que admita tu documento y sube ese archivo original. Una copia que se redujo o se comprimió al compartirla le da a la IA menos detalle con el que trabajar.

  2. Revisa las etiquetas detectadas

    Cada línea de texto de la interfaz aparece en un campo «Original», desde los elementos de menú hasta los encabezados de columna. Si una etiqueta pequeña se ha leído mal, corrige su campo «Original». Si falta alguna etiqueta, introdúcela con «Añadir texto».

  3. Escribe la etiqueta nueva

    Escribe el texto nuevo en su campo «Reemplazo» y deja las demás entradas como están. Un texto de longitud parecida cabe en el botón, la pestaña o la columna sin apretarse contra los bordes.

  4. Elige un nivel de calidad

    Elige Alta calidad para fuentes de interfaz finas o muy pequeñas, o Standard para títulos de página y etiquetas en negrita, y luego selecciona «Aplicar cambios».

  5. Lee cada carácter

    Mueve el deslizador de comparación sobre cada etiqueta modificada y léela letra por letra, incluidos los números y la puntuación, antes de descargar el PNG para tu artículo de ayuda, tu presentación o tu revisión.

Cuándo editar una captura en lugar de volver a hacerla

Una captura nueva siempre muestra la interfaz real, así que haz una captura nueva cuando la pantalla sea fácil de alcanzar. Editar sirve cuando es difícil recrear el estado exacto: una pantalla que necesita datos de demostración, un flujo de muchos pasos, una versión anterior que ya no ejecutas o una maqueta que solo existe como imagen.

En una revisión de diseño, puedes mostrar la propuesta de etiqueta de un botón o de título dentro de la pantalla real en lugar de describirla en un comentario. Haz una imagen por cada opción de texto para que los revisores las comparen en contexto y marca cada una como propuesta para que nadie la confunda con la interfaz publicada.

En la documentación y los tutoriales, un solo elemento de menú que haya cambiado de nombre puede hacer confusa una captura que por lo demás es exacta. Edita el texto de la captura solo para que coincida con la versión actual, con las mismas mayúsculas y la misma puntuación que la interfaz real, y vuelve a capturarla cuando la pantalla cambie en algo más que en sus palabras.

Fuentes de interfaz pequeñas

El texto de una interfaz suele ser pequeño, fino y con bordes suaves, así que es más difícil de leer y de reproducir que un título grande. Cuantos más píxeles tiene cada letra, más detalle tiene la IA para trabajar, así que captura en una pantalla de alta resolución o con un nivel de zoom mayor siempre que puedas.

Las tablas densas, las barras laterales, los paneles de ajustes y las descripciones emergentes contienen el texto más pequeño de la mayoría de las pantallas. Si una etiqueta de esas zonas sigue saliendo irregular con Alta calidad, vuelve a capturar la pantalla a mayor escala o acorta el texto nuevo. Una palabra corta suele ser más fácil de igualar que una frase metida en una columna estrecha.

Una captura de pantalla es una imagen plana, así que nada se reajusta cuando una etiqueta se alarga. Donde una interfaz real ensancharía el botón o pasaría el texto a una segunda línea, una etiqueta mucho más larga en una captura puede verse apretada o chocar con el icono que tiene al lado. Elige un texto que no necesite más espacio que la etiqueta anterior o cambia el diseño original cuando necesite más sitio.

Qué revisar antes de compartirla

El texto de una interfaz está pegado a iconos, bordes e insignias, y la edición de una etiqueta también puede alterar lo que la toca. Revisa cada punto de abajo con el deslizador de comparación.

  • Los iconos, las casillas y los interruptores junto a la etiqueta modificada siguen nítidos y en su sitio.
  • Los bordes de los botones, los subrayados, los contornos de foco y las insignias no se han movido ni se han desenfocado.
  • Los números, las cadenas de versión y los atajos de teclado coinciden exactamente con la interfaz real.
  • La etiqueta nueva sigue el estilo de mayúsculas de las etiquetas de alrededor.
  • Las líneas que no has cambiado son idénticas al original.

Preguntas frecuentes

¿Puedo cambiar la misma etiqueta en todo un conjunto de capturas?

Sí, pero cada captura es una edición distinta. Guarda una lista breve con el texto antiguo y el nuevo exactos y pega el mismo reemplazo en cada imagen, para que las mayúsculas y la puntuación coincidan en todo el conjunto. Dentro de una misma captura puedes cambiar varias etiquetas en la misma edición, lo que ayuda cuando una función que ha cambiado de nombre aparece tanto en el menú como en el título de la página.

¿Por qué se ha detectado una etiqueta pequeña con letras equivocadas?

El texto de interfaz pequeño, fino o de poco contraste es fácil de leer mal, y a ese tamaño algunas letras se parecen: una I mayúscula y una l minúscula, el número 0 y la letra O, o rn y m. Edita el campo «Original» hasta que se lea exactamente igual que en la captura y escribe después tu reemplazo. Si una etiqueta no aparece en la lista, usa «Añadir texto».

¿Puedo hacer que un campo o un contador se vea vacío en una maqueta?

Sí. Deja vacío el campo «Reemplazo» del marcador de posición, valor o contador que quieras quitar, y la IA rellena esa zona a partir de la interfaz que la rodea. Después, comprueba que los bordes del campo, el cursor de texto y los iconos cercanos están intactos. Para ocultar el nombre, el correo electrónico o los datos de la cuenta de alguien antes de compartir una captura, usa la guía aparte sobre cómo ocultar datos personales en capturas de pantalla.

¿Puedo editar el texto de una captura hecha con mi teléfono?

Sí. Las capturas de pantalla del teléfono suelen guardarse como archivos PNG o JPG, que se pueden subir directamente siempre que no superen los 14 MiB. Las pantallas de teléfono encajan texto pequeño en un espacio estrecho, así que elige Alta calidad para las etiquetas de pestañas, los botones pequeños y los elementos de lista, y amplía el resultado para comprobar cada carácter antes de usarlo en una maqueta o una guía.

¿Qué pasa con la captura original después de subirla?

Se queda guardada en «Mis imágenes», donde puedes eliminarla en cualquier momento. Si la captura muestra funciones sin lanzar, herramientas internas o información de clientes, descarga el PNG editado que necesites y luego elimina el original de «Mis imágenes». Así, las pantallas confidenciales no permanecen en tu cuenta más tiempo del que requiere el proyecto.

Pruébalo con tu propia imagen

Sube tu captura de pantalla

Inicia sesión con Google para subir una imagen. Tu primera edición Standard es gratis e incluye marca de agua.