Kit de herramientas
para diseñadores web
Aquí reúno las páginas, apps y recursos que me ayudan a diseñar, maquetar y optimizar sitios web más rápido. Todo está organizado por categorías para que encuentres justo lo que necesitas en cada etapa del proyecto.
CÓDIGO & CSS
GPT UIVERSE - ELEMENTOR Y DIVI
Tu asistente GPT para adaptar cualquier componente de Uiverse a WordPress. Este GPT está diseñado para que copies cualquier código de Uiverse.io (HTML, CSS o JavaScript) y él lo convierte en...
UIVERSE.IO
Es excelente para obtener componentes UI listos para implementar. Permite copiar código limpio y adaptarlo rápidamente a proyectos. Su catálogo incluye botones, cards y elementos interactivos con...
DESIGN.DEV
Una plataforma muy útil para analizar y entender patrones de diseño modernos. Como diseñador web, la uso para obtener referencias claras y aplicables a proyectos reales. Su colección de interfaces bien estructuradas facilita la toma de decisiones...
HERO PATTERNS
Una plataforma muy útil para analizar y entender patrones de diseño modernos. Como diseñador web, la uso para obtener referencias claras y aplicables a proyectos reales. Su colección de interfaces bien estructuradas facilita la toma de decisiones...
FUENTES Y COLORES
COOLORS
Es un generador de paletas de color simple y eficiente. Permite crear combinaciones profesionales en pocos minutos y exportarlas en múltiples formatos. Es una herramienta útil para proyectos de branding y UI.
fontshare
una plataforma confiable para descargar tipografías gratuitas de alta calidad. La uso para proyectos que requieren fuentes profesionales sin depender de licencias costosas. Su catálogo es bien curado y con estilos adecuados para branding y UI...
3D & ANIMACIÓN
spline
Es una herramienta que utilizo para crear elementos 3D interactivos de forma rápida. Su interfaz facilita modelar, animar y renderizar sin necesidad de software complejo. Me permite integrar piezas 3D directamente en proyectos web...
LORDICON
Mi recurso favorito para íconos animados en formato Lottie. Su estilo visual es consistente y profesional, ideal para interfaces modernas. Puedo ajustar color, tamaño y animación según lo que requiera el proyecto....
UNICORN
Una herramienta que uso cuando necesito animaciones visuales sin escribir código. Su editor es intuitivo y permite generar interacciones avanzadas para web. Lo utilizo para prototipos, landing pages y efectos dinámicos...
LOTTIEFILES
Una plataforma principal para obtener animaciones ligeras y escalables en formato JSON. La uso para integrar íconos y componentes animados en sitios web sin comprometer el rendimiento. Su catálogo es amplio y adaptable a cualquier proyecto...
EXTENSIONES
Wappalyzer
Es una extensión del navegador que descubre las tecnologías utilizadas en los sitios web. Detecta sistemas de gestión de contenido, tiendas web, servidores web, frameworks JavaScript...
QUÉ FUENTE ES
Es una extensión de Chrome que funciona como reconocimiento de tipografías, te da una respuesta instantánea a la pregunta clásica: ¿Qué fuente está usado aquí? Con un solo clic puedes descubrir el nombre de la...
COLORZILLA
Es el selector de colores más amigable, completo, seguro y confiable, así como un conjunto de herramientas relacionadas con el color. Es una de las extensiones más populares para desarrolladores de Chrome...
U-Eyes
Un simulador móvil definitivo diseñadores y desarrolladores web, testers de QA y marketers que exigen precisión en cada píxel. Deja de cambiar entre múltiples herramientas y tu teléfono físico...