---
title: "Herramientas"
description: "← Volver a Recursos Herramientas super útiles Avisos y novedades new(releases) : recibe notificaciones por correo (entre otros) cada vez que un repositorio de una librería o sofware se actualiza. Supe..."
url: https://dev.adammartin.es/recursos/herramientas/
date: 2026-07-31
modified: 2026-08-15
author: "Adam Martin"
type: page
lang: es
---

# Herramientas

# Herramientas

[← Volver a Recursos](/recursos/)

## Herramientas super útiles

### Avisos y novedades

- [new(releases)](https://newreleases.io/): recibe notificaciones por correo (entre otros) cada vez que un repositorio de una librería o sofware se actualiza. Super mega útil para estar pendiente de librerías open-source de recursos importantes.

### Herramientas online

- [IntoDNS](https://intodns.io/): Raiola Networks ha sacado una herramienta para comprobar y analizar los registros DNS de un dominio.
- [Cron-job](https://cron-job.org/en/): Cron-jobs gratuítos desde otro servidor
- [SVGViewer](https://www.svgviewer.dev/): visor, optimizador y editor de SVGs online.
- [explainshell](https://explainshell.com/): pásale un comando de terminal y seguramente te explique comando, argumentos y opciones para que te enteres de todo lo que hace.
- [cobalt.tools](https://cobalt.tools/): Descarga vídeos y audios de la mayoría de plataformas totalmente gratis.
- [freeconvert.com](https://www.freeconvert.com/es/video-compressor): Convierte vídeos, reduce, comprime totalmente gratis.
- [the Front-end Checklist](https://frontendchecklist.io/): checklist interactiva de todos los puntos que deberías de revisar antes de publicar tu web.
- [Ratio Buddy](https://ratiobuddy.com/): calculadora de aspect-ratio interactiva.
- [CrawlerChecker](https://crawlercheck.com/): herramienta para comprobar si los crawlers o bot de rastreo de motores de búsqueda e IA pueden rastrear tu sitio web.
- [OpenGraph.to](https://www.opengraph.to/): comprobador de tarjetas para compartir en redes sociales como Twitter, Facebook, Discord, LinkedIn, WhatsAppp, Slack, Telegram. También permite ver la tarjeta de búsqueda de Google y te da consejos de performance, análisis de errores en las metas de compartir. Incluso te da un prompt para arreglar lo que detecta.

### Herramientas de escritorio

- [DevToys](https://devtoys.app/): la navaja suiza de herramientas para devs.
- [Expose by Beyond Code](https://expose.dev/): exponer servicios web locales por túneles seguros.

### DNSs

- [transform.tools](https://transform.tools/): convierte código de A a B. SVG a React, JSON a MySQL, HTML a JSX, etc…

### Páginas recopiladoras de información

- [HubDev.tools](https://www.hubdev.tools/): recopilador de los mejores recursos para todo webdev. Muy orientado a React. Pero tiene de todo general.

### Plugins para Figma

- [Spec Scan](https://www.figma.com/community/plugin/1641365989707736806): super utilidad para extraer colores, tamalos de fuentes y rellenos. Te hace un listado por cantidad de apariciones, filtros, puedes acceder directamente a donde se usa. Lo único que le falta es un exportador, pero nada que no haga una IA hoy con una captura.
- [Export Original Images](https://www.figma.com/community/plugin/973190386632562805/export-original-images): Exporta las imágenes reales sin cortar ni reducir.
- [Content reel](https://www.figma.com/community/plugin/731627216655469013/content-reel): Genera contenido demo como textos, imágenes y cosas útiles para no usar Lorems feos.
- ¿Qué pasó con las recomendaciones que hacías antes como Color Extractly, Styler o Auto Style Sheet?
  - La IA, el vibe coding, la codicia del SasS o el abandono me hicieron quitarlos.

### Extensiones de navegador

- WordPress Browser Extension ([Chrome](https://chromewebstore.google.com/detail/wordpress-browser-extensi/apaakgfongbkeecchhhjocpgjchbdenl), pero disponible para Safari): extensión oficial de WordPress para tener opciones rápidas como desactivar la admin bar, iniciar sesión, marcar bloques o mostrar info útil de forma rápida.
- FetchV ([Chrome](https://chromewebstore.google.com/detail/fetchv-video-descargarmp4/nfmmmhanepmpifddlkkmihkalkoekpfd?hl=es)): si buscas descargar un vídeo de la web, esto es una maravilla absoluta. Incluso captura HLS y graba pantalla en ciertos apartados. Cero publicidad.
- Best WordPress Tools ([Chrome](https://chromewebstore.google.com/detail/best-wordpress-tools/miepkfdpkfdnfefoobohbfdenldodpfi)): colección de herramientas y trucos para añadirle a tu WordPress.
- webhint ([Edge, Chrome, Firefox](https://webhint.io/docs/user-guide/extensions/extension-browser/)): te analiza el sitio a través de DevTools con revisiones en accesibilidad, compatibilidad, rendimiento, seguridad, etc…
- [wappalyzer](https://www.wappalyzer.com/): descubre qué stack, tecnologías y apps usa una web.