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

Lucide

Lucide

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.

Fontshare

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

Story to design

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

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.

Print

Prepara archivos para imprimir decentemente.

Noisy Gradients

Genera degradados alucinantes en 2 clicks.