10 herramientas gratuitas que todo diseñador debería tener en marcadores
El trabajo de diseño no son solo las partes creativas en Figma o Photoshop — también son una docena de tareas técnicas pequeñas: reducir una imagen para que quepa en el límite de un hosting, recortar el fondo de una foto de referencia, poner una marca de agua a una pieza del portafolio. Tener a mano un conjunto de herramientas rápidas y gratuitas para este tipo de tareas ahorra más tiempo del que parece. Aquí van diez (en realidad trece) que merece la pena guardar en marcadores.
Ninguna de las herramientas de abajo requiere registro ni instalación — todas funcionan directamente en el navegador, y varias procesan los archivos por completo en local, sin enviar nada a ningún servidor. La lista principal se limita deliberadamente a diez puntos para que sea realmente memorable y fácil de tener a mano, en vez de perderse entre un centenar de marcadores; hay tres puntos extra al final para quienes tienen contacto habitual con desarrollo.
1. Comprimir imagen
Antes de subir un mockup a una web o enviarlo a un cliente, conviene reducir el peso de la vista previa: tanto las webs como el correo llevan mal los archivos pesados. Comprimir imagen — el control deslizante de calidad permite encontrar el equilibrio entre peso y nivel de detalle en cuestión de segundos, sin Photoshop, y admite JPG, PNG, WebP y AVIF tanto de entrada como de salida, cubriendo prácticamente cualquier formato con el que trabaje un diseñador.
2. Quitar fondo
Quitar fondo — una red neuronal recorta el objeto de una foto sin necesidad de marcar el contorno a mano: útil para mockups rápidos, fichas de producto o imágenes de referencia donde no hace falta una máscara milimétrica. El resultado se guarda en PNG con fondo transparente, listo para colocar sobre cualquier otra capa del mockup.
3. Aumentar imagen
Cuando un cliente envía un logo en muy baja resolución y hay que colocarlo en un banner grande, Aumentar imagen con una red neuronal funciona mucho mejor que estirarlo en un editor — en vez de píxeles borrosos, el algoritmo reconstruye detalle plausible. La diferencia se nota especialmente al ampliar 3 o 4 veces el tamaño original.
4. Marca de agua
Antes de publicar trabajos en un portafolio abierto, conviene dejar constancia de la autoría — Marca de agua se aplica en un par de clics, con ajustes de opacidad, tamaño de texto y posición sobre la imagen. No protege al cien por cien de que copien el trabajo, pero reduce bastante la tentación de hacerlo pasar por propio en otro portafolio.
5. Código QR
Para material impreso — tarjetas de visita, carteles, packaging — Código QR genera al instante un código a partir de un enlace o unos datos de contacto, listo para descargar como imagen e imprimir. También es útil para elementos interactivos en presentaciones — un código en una diapositiva que lleva directo al portafolio en vivo.
6. Convertidor a AVIF
Si entregas un mockup con los assets ya listos para la web, exportarlos con el Convertidor a AVIF en vez de JPG da al cliente archivos más ligeros sin pérdida visible de calidad — y eso significa una web más rápida, algo de lo que también se lleva el mérito el diseñador, no solo el desarrollador.
7. Recortar imagen
Recortar imagen — recorta rápido una imagen de referencia o una captura de pantalla al encuadre que necesitas, sin abrir un editor de imagen completo para una sola operación. Las coordenadas del recorte se indican en píxeles a mano, así que el resultado sale exacto a la primera.
8. Cambiar tamaño
Un tamaño exacto en píxeles según los requisitos de cada plataforma — avatares, banners, fotos de producto en marketplaces — Cambiar tamaño lo fija a mano, sin calcular a ojo. Especialmente útil en redes sociales, donde cada plataforma tiene sus propias proporciones estrictas para portadas y vistas previas.
9. Base64
Base64 resulta útil si estás maquetando una landing page y quieres incrustar un icono pequeño directamente en el CSS sin una petición extra al servidor — a veces eso agiliza de forma notable una página con decenas de elementos decorativos pequeños, cada uno de los cuales necesitaría una petición aparte de otro modo.
10. Generador de contraseñas
Para nuevas cuentas en herramientas de trabajo — Figma, Dribbble, almacenamiento en la nube — el Generador de contraseñas es más rápido que inventarte tú una contraseña fuerte y única. No se guarda en ningún sitio — se muestra una sola vez en el navegador, así que cópiala directamente a un gestor de contraseñas.
11. PDF a Word
Si un cliente envía un briefing o unas especificaciones en PDF y necesitas citar un fragmento de texto o hacer cambios rápidos, PDF a Word te libra de tener que reescribirlo a mano. Es una de las pocas herramientas del sitio en la que el archivo se envía brevemente a un servidor para reconocer la maquetación — puedes ver los detalles en la Política de privacidad. El resultado llega como un DOCX normal, que se abre en cualquier editor de texto, incluidas las alternativas gratuitas en línea.
12. Convertidor de tablas
Convertidor de tablas resulta útil cuando un presupuesto o un briefing llega en Excel y para un prototipo hacen falta los datos en JSON — o al revés, cuando hay que convertir una exportación de un sistema interno en una tabla clara para presentar a un cliente. La vista previa de los datos antes de convertir ayuda a detectar enseguida si algo del archivo original se ha descuadrado.
13. Mi IP
A veces es útil comprobar rápido tu dirección IP pública actual — por ejemplo, al configurar el acceso a un servidor de pruebas para enseñar un mockup a un cliente o a un desarrollador. Mi IP muestra la dirección y una ubicación aproximada sin pasos adicionales, sin instalar utilidades de línea de comandos ni buscar la respuesta en sitios de terceros llenos de publicidad.
Las trece herramientas son gratuitas, no requieren registro y funcionan directamente en el navegador — la mayoría procesa los archivos por completo en local, sin enviar nada a un servidor (consulta la Política de privacidad para ver qué herramientas sí usan servidor y por qué). El trabajo de diseño no se limita a tareas visuales, y tener a mano un par de herramientas utilitarias en el límite con el desarrollo — desde convertir tablas hasta comprobar una IP — resulta sorprendentemente útil. Guarda esta página en marcadores: la usarás más de lo que crees, sobre todo cuando falten treinta minutos para una entrega y no tengas a mano nada más que el navegador y la lista de pestañas del historial.