Diseño y desarrollo

Coolors es un generador de paletas de color con selector de color desde imágenes, comprobador de contraste, degradados y una biblioteca de paletas compartidas.

Iconoir es una biblioteca de iconos de código abierto con más de 1.600 iconos SVG sobre una cuadrícula de 24×24, con licencia MIT y sin registro; puedes explorar y descargar iconos en su propio sitio.

Open Peeps es la biblioteca de ilustraciones dibujadas a mano de Pablo Stanley, con licencia CC0, en la que creas personajes mezclando brazos, piernas, peinados, ropa, expresiones faciales y poses.

Accessibility Insights for Web es una herramienta de Microsoft que funciona como extensión de Chrome y Microsoft Edge, con FastPass para un análisis rápido y Assessment para una evaluación guiada de WCAG 2.1 AA.

Carrd es un servicio para crear y publicar sin código sitios de una sola página y adaptables al móvil, como perfiles, páginas promocionales y de aterrizaje; se empieza gratis con hasta tres sitios por cuenta.

iconmonstr es un sitio de iconos con más de 4.784 iconos gratuitos en 316 colecciones, con búsqueda y descarga tras aceptar un acuerdo de licencia.

Jitter es una herramienta web de diseño de movimiento que crea animaciones a partir de plantillas gratuitas o de un lienzo en blanco y exporta el resultado como vídeo, GIF o Lottie.

La galería de ManyPixels es una galería de ilustraciones con más de 20.000 ilustraciones gratuitas en cinco estilos y 17 categorías, con una licencia que permite el uso comercial sin atribución.

Mockuuups Studio es un editor de mockups en el que arrastras tu diseño sobre miles de mockups de dispositivos y de impresión; está disponible en el navegador, como aplicación de escritorio y mediante complementos para Figma, Sketch, Penpot y Adobe Express.

Moqups es una herramienta de diseño basada en la nube para crear wireframes, mockups, prototipos interactivos y diagramas para sitios web, aplicaciones y paneles.

Notepad++ es un editor de código fuente gratuito para Windows que sustituye al Bloc de notas; se basa en el componente Scintilla y tiene licencia GPL.

Ten en cuenta: Requiere instalación en el ordenador.

Rive es una herramienta para diseñar animación e interfaces interactivas con máquinas de estados; ofrece un editor en el navegador y una aplicación de escritorio, y su resultado se ejecuta en runtimes como iOS, Android, la web, Flutter, React y motores de juegos.

Spline es una herramienta de diseño 3D para crear escenas 3D con colaboración en tiempo real en el navegador y en las aplicaciones de escritorio para Mac y Windows, añadir interacciones y animación y exportar a la web, React y otros formatos.

Storyset es el sitio de ilustraciones de Freepik Company con ilustraciones editables y animadas, cuyo uso gratuito depende de dar crédito.

The Noun Project es una amplia biblioteca de iconos vectoriales y fotos hechos por creadores, que se descargan en SVG y PNG, con descargas gratuitas y licencias de pago libres de regalías.

unDraw es un sitio de ilustraciones SVG gratuitas cuyos colores puedes cambiar al instante para ajustarlos a tu marca, con una licencia que permite el uso comercial y no comercial sin atribución.

Visual Studio Code es un editor de código de Microsoft que funciona en Windows, macOS, Linux y en el navegador (vscode.dev), con extensiones, Git, terminal integrada y depuración.

Ten en cuenta: Requiere instalación en el ordenador.

Zed es un editor de código de Zed Industries, escrito en Rust y diseñado para la velocidad y para trabajar con personas y con IA, disponible en macOS, Windows y Linux.

Ten en cuenta: Requiere instalación en el ordenador.

Adobe Color es una herramienta de Adobe que crea paletas con una rueda de color y reglas de armonía, extrae paletas y degradados de imágenes y ofrece comprobación de contraste y simulación de daltonismo.

Awwwards es una galería de premios e inspiración de diseño web que muestra sitios web premiados por categoría y tecnología; navegar es gratis, mientras que la membresía Pro ofrece ventajas de envío y de perfil.

Color Hunt es un explorador de paletas donde diseñadores y artistas recorren paletas de color ya hechas por color, ánimo o tema y las ordenan por nuevas, populares o aleatorias.

Dribbble es una plataforma de diseño donde los diseñadores comparten su trabajo, donde puedes descubrir a los mejores diseñadores y sus obras, y donde las empresas buscan talento creativo.

Figma es una herramienta de diseño para diseñar y prototipar interfaces en un único lienzo, trabajar en equipo y convertir diseños en código con Dev Mode; se usa a través de figma.com y de aplicaciones de escritorio.

Fontjoy es una herramienta web que sugiere combinaciones de fuentes con aprendizaje profundo, permite cambiar la pareja a mano con los botones Generar, Bloquear y Editar, y usa la biblioteca de Google Fonts como fuente.

Google Fonts es la colección de fuentes de Google servida en fonts.google.com, distribuida sobre todo con la SIL Open Font License, con algunas fuentes bajo Apache 2 y la Ubuntu Font License.

Google Sites es una herramienta de Google, integrada con Google Workspace, para crear sin código sitios de equipo, proyecto y evento con arrastrar y soltar.

Leonardo es una herramienta de color de código abierto de Adobe que genera escalas de color y temas adaptables a partir de una relación de contraste objetivo, con la accesibilidad como punto de partida.

LottieFiles es una plataforma de diseño de movimiento con una biblioteca de más de 800.000 animaciones listas para usar, gratuitas y premium, el editor web Lottie Creator y los formatos Lottie y dotLottie.

Mobbin es una biblioteca de referencias de diseño con pantallas de apps móviles y web, flujos completos como el onboarding y el pago, patrones de interfaz y secciones de sitios web; una cuenta gratuita da acceso limitado.

PageSpeed Insights analiza la dirección de una página para móvil y escritorio y muestra datos reales de usuarios junto con datos de laboratorio de Lighthouse.

Penpot es una plataforma de diseño de código abierto para el diseño de interfaces, wireframes y prototipos interactivos; puedes usarla en la nube o instalarla en tu propio servidor, y funciona con estándares abiertos como SVG, CSS, HTML y JSON.

Phosphor Icons es una familia de iconos con licencia MIT para interfaces, diagramas y presentaciones, con 1.248 iconos y seis grosores (fino, ligero, regular, negrita, relleno y duotono).

Placeit es la herramienta de diseño basada en la web de Envato que ofrece mockups para ropa, dispositivos digitales, impresión y productos de impresión bajo demanda, además de un creador de logotipos, plantillas de diseño y herramientas de vídeo; las descargas ilimitadas vienen con una suscripción.

Rotato es un generador de mockups que coloca tu propio diseño de aplicación o web en las pantallas de más de 30 dispositivos 3D ya preparados y lo convierte en un vídeo animado o en una imagen; tiene una aplicación para macOS y una versión web en beta pública.

Ten en cuenta: Requiere instalación en el ordenador.

Shots.so es una aplicación de mockups basada en la web que convierte capturas de pantalla de productos en imágenes de presentación o vídeos cortos con marcos de dispositivo, fondos y movimiento animado.

Squarespace es una plataforma para crear un sitio web sin código con plantillas, un editor de arrastrar y soltar y un creador de sitios con IA, con alojamiento, dominios y herramientas de comercio en un solo lugar.

Sublime Text es un editor de texto de pago de Sublime HQ para Windows, macOS y Linux que destaca el rendimiento para código, marcado y prosa, con complementos mediante una API de Python 3.8.

Ten en cuenta: Requiere instalación en el ordenador.

Uizard es una herramienta de diseño de interfaces asistida por IA que genera prototipos editables de varias pantallas a partir de un texto y convierte capturas de pantalla y bocetos hechos a mano en diseños editables.

WAVE es una herramienta de WebAIM que marca con iconos los errores de accesibilidad y WCAG directamente en una página web; se ofrece como herramienta en línea y como extensión del navegador.

Webflow es una plataforma de creación de sitios web que permite diseñar un sitio de forma visual sin escribir código y publicarlo con CMS, alojamiento y comercio electrónico.

WhatTheFont es la herramienta de identificación de fuentes de MyFonts: busca en su base de datos fuentes parecidas al texto de una imagen y muestra una lista de coincidencias con vistas previas del texto.