Designeer
Dhruv Jaradi · Programación · Productividad · Aprendizaje
Designeer es un catálogo revisado a mano con inspiración de diseño, recursos de interfaz, herramientas y portfolios para diseñadores y desarrolladores, en cuatro colecciones gratuitas.
Acerca de Designeer
About
Qué es Designeer
Designeer es un catálogo de diseño web para quien construye interfaces. Dhruv Jaradi revisa cada ficha a mano y decide qué se publica. Nada entra de forma automática y pagar no garantiza un hueco.
Cuatro colecciones cubren momentos distintos del trabajo: galerías de inspiración para la investigación visual, recursos de diseño con componentes de interfaz, iconos y tipografías, herramientas de diseño para construir y publicar, y portfolios de diseñadores que ya entregan producto. Cada entrada trae una descripción corta y una grabación de vista previa.
El límite está en la profundidad. Designeer elige unos cientos de fichas por colección en lugar de indexarlo todo, así que un tema muy concreto puede quedarse en un puñado de entradas. Sirve como lista corta. No sirve como directorio de diseño completo.
Cómo empezar
- Entra en designeer.xyz y elige una colección: inspiración, recursos, herramientas o portfolios.
- Filtra dentro de la colección si buscas algo concreto. La sección de herramientas, por ejemplo, se divide en Desarrollo, IA y agentes, Diseño y lienzo, Captura y medios, y Productividad y escritorio.
- Reproduce la vista previa para ver maquetación, ritmo y movimiento. Después sigue el enlace al sitio original.
- Crea una cuenta gratuita si quieres guardar favoritos, ordenarlos en carpetas o seguir el estado de una propuesta.
Información del producto
Un vistazo rápido a los precios, las plataformas compatibles y el rendimiento de Designeer.
Ideal para
Los usuarios, tareas y casos de uso en los que esta herramienta encaja mejor.
Usuarios
- Diseñadores de producto y web
- Desarrolladores front-end
- Estudiantes y quienes cambian de carrera
Tareas
- Empezar la investigación visual de un proyecto
- Encontrar un tipo de recurso concreto
- Revisar una herramienta antes de registrarte
- Armar un directorio de diseño para tu equipo
Casos de uso
- Arrancar un proyecto con cliente
- Rehacer tu web personal
- Seguir el ritmo de las herramientas de diseño con IA
Funciones clave
Cuatro colecciones según la intención
Inspiración, recursos, herramientas y portfolios tienen su propia sección, con el recuento visible en la portada. Esa separación importa mientras buscas: las referencias, los recursos descargables y el software son encargos distintos, y mezclarlos en un solo feed hace que los tres se lean más despacio.
Una persona revisa cada ficha
Las entradas se juzgan por oficio, utilidad, claridad y relación con el trabajo de diseñadores y desarrolladores web. Quien revisa descarta lo que no llega al nivel, así que el catálogo se mantiene corto. Pasas menos tiempo filtrando enlaces muertos y páginas de aterrizaje vacías.
Vista previa grabada en cada entrada
Cada ficha incluye una grabación tomada del sitio original. Ahí se ve la maquetación, el ritmo y el movimiento. Una captura esconde cómo se mueve una página. Un clip corto muestra si las transiciones, el scroll y la escala tipográfica aguantan.
Un feed de hallazgos
El feed de hallazgos reúne piezas sueltas de diseñadores y desarrolladores y las publica de la más reciente a la más antigua, con 157 publicadas en el momento de escribir esto. Se lee más como un flujo de inspiración de diseño que como un directorio, y es donde aparece antes el trabajo visual nuevo.
Favoritos y carpetas
Una cuenta gratuita deja guardar fichas, agruparlas en carpetas y seguir una propuesta. Las carpetas hacen el trabajo práctico: una para el proyecto en curso, otra para las referencias de un cliente, otra para las herramientas que quieres probar.
Categorías de herramientas con IA y agentes
La colección de herramientas de diseño se divide en cinco categorías. IA y agentes suma 38 fichas, y Captura y medios llega a 33. La sección de IA cubre agentes, servidores MCP y flujos de trabajo con agentes, que es donde se mueve casi todo el catálogo de utilidades de diseño ahora mismo.
Ventajas y desventajas
Ventajas
- Cada ficha pasa una revisión manual, y eso reduce los enlaces muertos y las páginas automáticas.
- Las vistas previas muestran movimiento y ritmo antes de salir del catálogo.
- Consultar el sitio es gratis y no exige cuenta.
- Las cuatro colecciones siguen la forma real de buscar: referencias, recursos, software y ejemplos.
Desventajas
- La profundidad es limitada. Los temas de nicho pueden quedarse en pocas entradas y las categorías nuevas tardan en llenarse.
- No hay API pública ni exportación masiva, así que no puedes llevar las fichas a un documento de investigación o a tu sistema de diseño.
- El emplazamiento destacado cuesta 49 dólares por semana, y eso deja visibilidad extra detrás de un pago para proyectos independientes.
- Una sola persona revisa cada propuesta, así que la aprobación puede esperar en temporadas de mucho envío.
Preguntas frecuentes
Sí. Recorrer las cuatro colecciones no cuesta nada y no necesitas cuenta para abrir fichas o reproducir las vistas previas.
Contenido relacionado
Explora herramientas, habilidades y artículos relacionados con Designeer.
Alternativas a Designeer
Base Code
Base44 (Wix) · Programación · ProductividadBase Code es un entorno de desarrollo en la nube compartido de Base44. El equipo describe cambios sobre un repositorio de GitHub en el chat, los ve en una vista previa y los envía como pull requests.
Google EmbeddingGemma 2
Google DeepMind · Escritura · Imagen · ProgramaciónGoogle EmbeddingGemma 2 es un modelo abierto de 740 millones de parámetros que convierte texto, código, imágenes, audio y fotogramas de vídeo en vectores de un mismo espacio de 768 dimensiones, y funciona en móviles y portátiles.
GitGlow
GitGlow · Programación · ProductividadGitGlow es un cliente Git de escritorio que reúne tu código y los cambios de tus agentes de IA en una sola revisión, para que sepas qué va a salir de tu máquina antes de publicarlo.