Cómo normalizar mayúsculas y minúsculas en textos reales de proyectos (y no morir en el intento)
ProductividadContenidoFrontend
Productividad, Contenido, Frontend

Cómo normalizar mayúsculas y minúsculas en textos reales de proyectos (y no morir en el intento)

Publicado el 18 de agosto de 2025

Por qué nace esta herramienta

Si trabajas maquetando o integrando contenido, seguro te ha pasado: te pasan los textos todo en minúsculas o TODO EN MAYÚSCULAS porque en el diseño (Figma/Sketch) el estilo tipográfico hace el cambio visualmente. A la hora de implementarlo en la web, ese texto llega mal formateado y te toca corregirlo a mano palabra por palabra.

Para resolver ese dolor, creamos el Conversor de Mayúsculas/Minúsculas. En segundos puedes normalizar cualquier texto al estilo que necesites, con soporte para acentos, guiones y apóstrofes comunes.

Qué resuelve exactamente

    1. Evita horas corrigiendo capitalización manualmente.
    2. Uniformiza el contenido antes de guardarlo en CMS o subirlo a traducción.
    3. Reduce errores humanos y mejora la consistencia del copy.
    4. Alinea lo que ves en diseño con lo que realmente se renderiza en el HTML.

Modos disponibles

    1. lower: todo en minúsculas.
    2. upper: TODO EN MAYÚSCULAS.
    3. title: Capitaliza Cada Palabra (tipo título), respetando guiones y apóstrofes (p. ej., san-sebastián → San-Sebastián; l'amour → L'Amour).
    4. sentence: Solo la primera palabra en mayúscula; el resto en minúsculas.

En los modos title y sentence normalizamos espacios múltiples para evitar artefactos al pegar contenido. También preservamos números y signos.

Cómo usar la herramienta

    1. Ve a la herramienta: /utilidades/text-case.
    2. Pega el texto en el área de entrada.
    3. Elige el modo deseado.
    4. Copia el resultado con el botón "Copiar" (incluye feedback de "¡Copiado!").

Uso programático en tu proyecto

Además de la interfaz web, puedes usar la función formatCase(text, mode) directamente en tu código: src/utils/textCase.ts.

ts

import { formatCase } from '@/utils/textCase';

const limpio = formatCase(' el niño del "pan" ', 'title');

// => 'El Niño Del "Pan"'

Cuándo me ha salvado tiempo

    1. Copys entregados en minúsculas porque el diseñador aplicó "ALL CAPS" en Figma.
    2. Exportaciones desde CMS con inconsistencias de espacios.
    3. Textos pegados desde documentos donde se perdieron capitalizaciones.

Conclusión

Normalizar mayúsculas/minúsculas es una tarea pequeña pero repetitiva. Con esta utilidad, la conviertes en un clic. Menos fricción, más foco en lo que importa: construir.

Herramienta relacionada

Prueba nuestra herramienta relacionada con este artículo:

Ir a la herramienta

¿Quieres contribuir?

Si tienes ideas para mejorar nuestro blog o quieres colaborar con un artículo, visita nuestro repositorio en GitHub o contáctanos directamente.