Utilidades · 34 herramientas

Utilidades web para diseñadores y desarrolladores

Herramientas de navegador que hacen bien una sola cosa: optimizar un SVG, comprimir una imagen, convertir datos entre formatos, generar una textura o montar un mockup. Guarda en marcadores las pocas que necesites; casi todas funcionan por completo en el navegador.

Ordenar

svgomg.net

SVGOMGUtilidades webUna herramienta gráfica que funciona en el navegador para optimizar y limpiar archivos SVG.

regexr.com

RegExrUtilidades webUn entorno interactivo para escribir y probar expresiones regulares en el navegador.

squoosh.app

SquooshUtilidades webComprime imágenes directamente en el navegador y compara el antes y el después en paralelo.

fffuel.co

FffuelUtilidades webUn conjunto de herramientas en el navegador para generar texturas, degradados y patrones de fondo en SVG.

ui.camera

ui.cameraUtilidades webCrea maquetas 3D y escenas preparadas para presentar interfaces de software.

ray.so

Ray.soUtilidades webConvierte tus fragmentos de código en imágenes pulidas y fáciles de compartir con unos pocos clics.

transform.tools

TransformUtilidades webUn conversor multiformato para transformar JSON y definiciones de tipos en otro código.

playgrnd.tools

PlaygrndUtilidades webUn conjunto de herramientas creativas que funcionan totalmente sin conexión, dentro de tu navegador.

tryanim8.com

Anim8Utilidades webConvierte tus grabaciones de pantalla en MP4 en gráficos SVG animados y ligeros.

ogfolio.com

OGFolioUtilidades webPrevisualiza e inspecciona cómo se verán tus tarjetas sociales de Open Graph al compartirlas.

dotforge.vercel.app

DotForgeUtilidades webGenera efectos de tramado en tiempo real, listos para incorporar a tus proyectos web.

asciinator.app

ASCIInatorUtilidades webConvierte imágenes en arte ASCII basado en texto sin salir de la ventana del navegador.

vessa.design

VessaUtilidades webPublica las directrices de tu marca como páginas web vivas que los equipos pueden compartir.

icoon.co

IcoonUtilidades webUna herramienta impulsada por IA para generar iconos tridimensionales personalizados bajo demanda.

designminis.com

Design MinisUtilidades webUna colección de pequeñas utilidades de diseño y generadores de escalas reunidos en un solo lugar.

ascii.krackeddevs.com

ASCII (Kracked Devs)Utilidades webConvierte rápidamente texto plano en arte ASCII estilizado directamente en el navegador.

literate-enigma-snowy.vercel.app

Dither LabUtilidades webUna herramienta para aplicar filtros de tramado de estilo vintage a tus fotografías.

usehallmark.com

HallmarkUtilidades webUn creador de páginas de aterrizaje que produce diseños con apariencia artesanal.

tooooools.app

ToooooolsUtilidades webUn conjunto de utilidades en el navegador para tramar y pixelar tus imágenes.

screan.app

ScreanUtilidades webCrea maquetas promocionales de capturas para la App Store con las que mostrar tus fichas de aplicación.

postspark.app

PostSparkUtilidades webDecora tus capturas de pantalla con fondos limpios pensados para compartir en redes sociales.

drawably.dev

DrawablyUtilidades webUna herramienta de dibujo que genera formas con estilo dibujado a mano para interfaces de usuario.

mesurer.dev

MesurerUtilidades webUna regla en pantalla para medir y comprobar el espaciado en píxeles en sitios web en vivo.

render-labs.evlog.cloud

Render LabsUtilidades webUna herramienta de renderizado de imágenes creada por el equipo de evlog para diseñadores y desarrolladores.

butterfly.so

ButterflyUtilidades webUn creador de páginas de aterrizaje minimalista pensado para validar ideas de producto con rapidez.

corne.rs

CorneUtilidades webDocumentación y material de referencia sobre todo lo relacionado con el teclado dividido Corne.

shiori.sh

ShioriUtilidades webUn gestor de marcadores que funciona desde la línea de comandos y se integra con Raycast.

opensource-together.com

Open Source TogetherUtilidades webUna plataforma que conecta a los desarrolladores con proyectos de código abierto a los que contribuir.

asciistudio.space

ASCII StudioUtilidades webUn estudio en el navegador que convierte tanto imágenes como vídeos en arte ASCII de texto.

tabbied.com

TabbiedUtilidades webUna herramienta generativa para crear patrones geométricos y exportarlos como SVG.

studio.rynix.in

Rynix StudioUtilidades webUn entorno para experimentar con efectos visuales en tiempo real aplicados al vídeo.

mascofast.com

MascofastUtilidades webUna herramienta de IA que crea mascotas 3D animadas con fondos transparentes.

screenshot-studio.com

Screenshot StudioUtilidades webEnvuelve capturas planas en maquetas 3D realistas; una práctica utilidad de navegador para diseñadores y desarrolladores.

letsreplay.co

ReplayUtilidades webGraba sesiones reales de visitantes para que puedas reproducir cómo usa la gente tu sitio en realidad.

Preguntas frecuentes sobre Utilidades web para diseñadores y desarrolladores

¿Cuáles son las mejores utilidades web para diseñadores y desarrolladores en 2026?

Designeer reúne 34 utilidades de navegador para diseño y front-end, cada una con vista previa en vivo, entre ellas SVGOMG, Squoosh y RegExr. Abarcan optimización de SVG, compresión de imágenes, mockups y generadores.

¿Son gratuitas y funcionan en el navegador estas utilidades web?

La mayoría son herramientas gratuitas basadas en el navegador que no requieren instalación, incluidas SVGOMG para optimizar SVG y Squoosh para comprimir imágenes. Funcionan en el navegador, así que puedes usarlas en cualquier sistema operativo.

¿Cómo optimizar SVG y comprimir imágenes para la web?

SVGOMG elimina datos innecesarios de los archivos SVG, y Squoosh te permite comparar formatos de imagen y niveles de compresión antes de exportar. Usar estas utilidades mantiene tus assets ligeros y tus páginas rápidas.