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.

Fontshare

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

Genera y zincroniza una biblioteca completa de Figma desde Storybook o Backlight

Story to design

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.

Print

Genera degradados alucinantes en 2 clicks.

Noisy Gradients