Herramientas
Un repositorio de herramientas de diseño web, UX, UI, analítica, research, prototipado y todo tipo de utilidades para diseñar mejor.
Diseño UI
Herramientas gratuitas que permiten definir y diseñar interfaces de usuario y producto digital.
Figma
Figma es una herramienta para realizar diseño visual, prototipado UI y colaboración de stakeholders de producto e investigación digital.
PenPot
Penpot es una herramienta open source de diseño colaborativo enfocada en el diseño visual y de interfaces de usuario.
Adobe XD
Adobe XD es una herramienta de diseño y prototipado de aplicaciones web y móvil.
Diseño Visual
Herramientas y software para poder diseñar y crear assets visuales.
Creative Cloud
Affinity Design
Procreate
Colores
Webs de selección y creación paletas de colores para design systems y proyectos digitales.
Coolors
Cada vez que accedes a Coolors te aprece una paleta de colores combinables y ajustables entre si.
Color Hunt
Color Hunt es una web donde encontrarás multitud de paletas de colores diferentes.
Leonardo
Un sitio donde crear sistemas de color atractivos, accesibles y adaptables utilizando colores basados en la relación de contraste.
Color Tool
Crea y comparte paletas de colores para UI mientras mides la accesibilidad de los colores.
Accesible color palette
Esta es una herramienta para ayudar a los diseñadores a crear paletas de colores con combinaciones que cumplan con los estándares de accesibilidad.
Colour Constrast
Una web donde verificar de manera muy visual si la combinación de contraste de los colores de tu UI son aptas para las WCAG
Color Hub
Genera paletas de color armónicas para el diseño de interfaces de usuario
Palett
Palett, una herramienta para generar paletas de color accesible y visualizar en directo los colores que se visualizan según varias discapacidades visuales.
Iconos
Webs donde encontrar variedad de iconos vectoriales para interfaces de usuario y diseños.
Heroicons
Una colección de iconos completa y se puede copiar y pegar el svg.
Feathericons
Una librería de iconos customizables y descargables en svg
Tablericons
Una web llena de iconos editables y modificables en color y grosor que permite copiarlos directamente en svg.
Boxicons
Una inmensa colección de iconos con referencias de código perfectas para desarrolladores y diseñadores
Google Icons
Los iconos originales de Google, válidos para material design o cualquier otro diseño UI.
Flowbite Icons
Una llibrería de iconos de calidad de 460 íconos SVG y de código abierto compatibles con Flowbite y Tailwind CSS basados en estilos sólidos y compatibles con React (JSX) y Figma
Ilustraciones
Encuentra ilustraciones gratuitas y personalizables perfectas para cualquier web o proyecto digital.
Designstripe
Blush
unDraw
8Icons Ilustraciones
DrawKit
UI Ilustraciones
Storyset
Ilustraciones en SVG personalizables, gratuitas y con muchísima variedad.
Shapes Framer 2.0
Una colección de más de 120 formas SVG básicas para proyecto, tal solo eliges copias y pegas.
Tipografías
Descubre y selecciona tipografías de calidad para tus diseños.
Google Fonts
Adobe Fonts
Atipo foundry
Archetype
Dafont 🫣
Fontfabric
Fontjoy
Fonts in the Wild
Hanken Design
Research y Usabilidad
Herramientas gratis para recopilar información, evaluar y comprender mejor como rinden webs y productos digitales.
Heurio
Heurio sirve para verificar y revisar la heurísticas de los diseños, hacer pruebas de usuario y evaluar la UX.
Hotjar
Hotjar permite evaluar, conocer y entender mejor el comportamiento de usuario en webs.
UX Reality
Una herramienta ideal para llevar a cabo pruebas remotas con usuarios
One Click Test
Sirve para crear tests de diferentes layouts y vistas de usuario.
GTmetrix
Obtener información sobre el funcionamiento y mejoras de optimización
WaybackMachine
Millones de páginas web guardadas a lo largo del tiempo. Ideal para consultar como se veía una página web hace un tiempo.
Analítica
Herramientas gratis para recopilar y visualizar métricas, datos y KPIs de webs y usuarios.
Narrative BI
Google Analitycs
Amplitude
NotionLitycs
PIWIKpro
Documentación
Notion
GitBook
PlayBook
User flows
Whimsical
Miro
FigJam
Mapas vectorizados
Es complejo encontrar buenos mapas de zonas del mundo vectorizados, pero aquí puedes encontrar buenas opciones en svg.
d-maps
free vector maps
Topo Export
Optimizar y comprimir imágenes para web
Webs donde encontrar variedad de iconos vectoriales para interfaces de usuario y diseños.
JPG Mini
JPEGmini es una herramienta en línea que permite a los usuarios reducir el tamaño de una foto manteniendo una alta resolución y calidad.
Tiny PNG
Reduce el peso de las imágenes perdiendo el mínimo de calidad.
Squosh
Uno de los optimizadores de peso y calidad para imagenes web más simples de utilizar
Plugins Figma
Una gran variedad de plugins para mejorar tu flujo de trabajo diseñando en Figma. Descubre los mejores plugins para diseño UX.
Autoflow
Crea flujos rápidos y fáciles entre elementos en tus diseños y esquemas.
Lorem Ipsum
Genera textos con Lorem Ipsum de relleno.
Google Sheets Sync
Sincroniza contenido de hojas de cálculo de Google Sheets
Image Tracer
Traza y vectoriza cualquier imagen
Html to design
Convierte cualquier página web en elementos editables listos para diseñar
Skew Dat
Sesga y tuerce algunos elementos de forma muy fácil.
Automator
Automatiza cualquier acción repetitiva en Figma.
Button Buddy
Genera botones rápidamente
Mapsicle
Coloca mapas de forma fácil en tus diseños y prototipos.
Unsplash
Inserta imágenes directamente desde Unsplash.
Split Shape
Divide elementos en columnas, filas o casillas iguales rápidamente.
Prepara archivos para imprimir decentemente.
Noisy Gradients
Genera degradados alucinantes en 2 clicks.