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 es una herramienta para realizar diseño visual, prototipado UI y colaboración de stakeholders de producto e investigación digital.
Figma
Penpot es una herramienta open source de diseño colaborativo enfocada en el diseño visual y de interfaces de usuario.
PenPot
Adobe XD es una herramienta de diseño y prototipado de aplicaciones web y móvil.
Adobe XD
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.
Cada vez que accedes a Coolors te aprece una paleta de colores combinables y ajustables entre si.
Coolors
Color Hunt es una web donde encontrarás multitud de paletas de colores diferentes.
Color Hunt
Un sitio donde crear sistemas de color atractivos, accesibles y adaptables utilizando colores basados en la relación de contraste.
Leonardo
Crea y comparte paletas de colores para UI mientras mides la accesibilidad de los colores.
Color Tool
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.
Accesible color palette
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
Colour Constrast
Iconos
Webs donde encontrar variedad de iconos vectoriales para interfaces de usuario y diseños.
Una colección de iconos completa y se puede copiar y pegar el svg.
Heroicons
Una librería de iconos customizables y descargables en svg
Feathericons
Una web llena de iconos editables y modificables en color y grosor que permite copiarlos directamente en svg.
Tablericons
Una inmensa colección de iconos con referencias de código perfectas para desarrolladores y diseñadores
Boxicons
Los iconos originales de Google, válidos para material design o cualquier otro diseño UI.
Google Icons
Ilustraciones
Encuentra ilustraciones gratuitas y personalizables perfectas para cualquier web o proyecto digital.
Designstripe
Blush
unDraw
8Icons Ilustraciones
DrawKit
UI Ilustraciones
Tipografías
Descubre y selecciona tipografías de calidad para tus diseños.
Google Fonts
Adobe Fonts
Atipo foundry
Archetype
Dafont 🫣
Fontfabric
Fontjoy
Research y Usabilidad
Herramientas gratis para recopilar información, evaluar y comprender mejor como rinden webs y productos digitales.
Heurio sirve para verificar y revisar la heurísticas de los diseños, hacer pruebas de usuario y evaluar la UX.
Heurio
Hotjar permite evaluar, conocer y entender mejor el comportamiento de usuario en webs.
Hotjar
Una herramienta ideal para llevar a cabo pruebas remotas con usuarios
UX Reality
Sirve para crear tests de diferentes layouts y vistas de usuario.
One Click Test
Obtener información sobre el funcionamiento y mejoras de optimización
GTmetrix
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
Retos y briefs
Una colección de webs con retos y ejercicios para mejorar en el diseño de UI y UX.
UX tools challenge
UI Coach
FakeClients
Can’t Unsee
Daily UI
VUIchallenge
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
Optimizar y comprimir imágenes para web
Webs donde encontrar variedad de iconos vectoriales para interfaces de usuario y diseños.
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.
JPG Mini
Reduce el peso de las imágenes perdiendo el mínimo de calidad.
Tiny PNG
Plugins Figma
Una gran variedad de plugins para mejorar tu flujo de trabajo diseñando en Figma.
Crea flujos rápidos y fáciles entre elementos en tus diseños y esquemas.
Autoflow
Genera textos con Lorem Ipsum de relleno.
Lorem Ipsum
Sincroniza contenido de hojas de cálculo de Google Sheets
Google Sheets Sync
Traza y vectoriza cualquier imagen
Image Tracer
Convierte cualquier página web en elementos editables listos para diseñar
Html to design
Sesga y tuerce algunos elementos de forma muy fácil.
Skew Dat
Automatiza cualquier acción repetitiva en Figma.
Automator
Genera botones rápidamente
Button Buddy
Coloca mapas de forma fácil en tus diseños y prototipos.
Mapsicle
Inserta imágenes directamente desde Unsplash.
Unsplash
Divide elementos en columnas, filas o casillas iguales rápidamente.
Split Shape
Prepara archivos para imprimir decentemente.
Genera degradados alucinantes en 2 clicks.