Guide
El directorio de recursos de diseño ordena la búsqueda de materiales en diez grupos: bancos de fotos gratuitos, ilustraciones y 3D, iconos, fuentes, colores, mockups, herramientas de diseño, compresión y formatos, inspiración y material de audio y vídeo: 123 entradas. Cada una lleva una nota del editor sobre el estilo, las fortalezas y los límites del sitio («la versión gratuita limita el tamaño», «las imágenes se suben», «el uso comercial exige atribución»).
Actualizado el 2026-09-294 sources11 min read
El directorio de recursos de diseño ordena la búsqueda de materiales en diez grupos: bancos de fotos gratuitos, ilustraciones y 3D, iconos, fuentes, colores, mockups, herramientas de diseño, compresión y formatos, inspiración y material de audio y vídeo: 123 entradas. Cada una lleva una nota del editor sobre el estilo, las fortalezas y los límites del sitio («la versión gratuita limita el tamaño», «las imágenes se suben», «el uso comercial exige atribución»).
La columna más importante de esta página es la licencia. Casi todos los conflictos con materiales empiezan con un «creía que gratis significaba gratis para uso comercial»: Unsplash dejó de ser CC0 después de 2017, las descargas gratuitas de Flaticon exigen atribución, la licencia puede variar entre materiales del mismo sitio (Freesound, Wikimedia Commons), y muy pocas fuentes chinas son gratis para uso comercial. Por eso cada entrada indica su licencia — CC0, OFL, MIT, Apache, GPL, MPL, CC-BY, comercial gratuito (licencia propia del sitio), atribución obligatoria, gratis para uso personal, propietaria — con los filtros «uso comercial» y «sin atribución» y un desplegable de licencias.
Además, todo lo que toolun puede hacer en el propio navegador (comprimir, convertir formatos, redimensionar, quitar fondos, tomar colores, degradados, favicon, tarjetas de texto, audio y vídeo) aparece como entrada «Este sitio», y la herramienta externa equivalente lleva la marca «Se puede aquí»: operaciones como comprimir o recortar la imagen de un trabajo sin publicar, que en otros sitios obligan a subir el original, no tienen por qué salir del navegador.
Filtra «Fuentes» y activa «Sin atribución»:
Busca «recorte»:
Google Fonts OFL 1700+ fuentes de código abierto, todas OFL / Apache, incl. Noto Sans SC.
Noto Sans / Serif CJK OFL Source Han Sans / Serif, primera opción para proyectos en chino.
LXGW WenKai OFL Fuente kai de código abierto, común en apps de lectura.
Alibaba PuHuiTi Comercial gratis 3.0 cubre GB18030; licencia propia, sin redistribución.
HarmonyOS Sans / MiSans / OPPO Sans Comercial gratis Sans publicadas por fabricantes.
Smiley Sans OFL Sans inclinada y estrecha para titulares y carteles.
Inter / JetBrains Mono / Fira Code / Maple Mono OFL Fuentes de interfaz y de código.Recorte con IA (local) /tool/image-cutout Este sitio: el modelo corre en el navegador y las imágenes no se suben. Este sitio · Gratis
remove.bg remove.bg Recorte con IA en la nube; la versión gratuita solo da baja resolución y este sitio ofrece una alternativa local. Este sitio puede hacerlo → image-cutout · Inicio de sesiónDe más permisiva a más estricta, una licencia de material tiene unos cinco escalones. Dominio público / CC0: el autor renuncia a todos los derechos y se puede usar para lo que sea sin atribución; ahí están las imágenes de la NASA, Open Doodles o la parte gráfica de Simple Icons (ojo: la marca del logotipo sigue siendo de su dueño; lo que es CC0 es el archivo SVG, no el derecho a usar la marca). Licencias de software abierto (MIT / Apache / GPL / MPL): comunes en bibliotecas de iconos y programas de diseño; permiten uso comercial, modificación y redistribución; MIT y Apache solo piden conservar el aviso de copyright y GPL obliga a que el software derivado también sea abierto (lo que no afecta a una imagen hecha con GIMP, solo al programa). OFL: pensada para fuentes; permite uso comercial e incrustación en web, aplicaciones y PDF, y también modificar, pero la versión modificada debe cambiar de nombre (Reserved Font Name) y no se puede vender el archivo de la fuente por separado: empaquetarla dentro de un programa de pago sí, venderla no. Licencia propia del sitio (uso comercial gratuito): Unsplash, Pexels, Pixabay, unDraw o Alibaba PuHuiTi escriben su propio texto con la misma base —uso comercial sí, atribución opcional, redistribución o producto competidor no— y con matices distintos (Pexels prohíbe usar fotos de personas para sugerir un aval; PuHuiTi prohíbe incrustarla en un producto de fuentes). CC-BY / con atribución: gratis pero citando autor y origen; CC BY-SA añade que la obra derivada lleve la misma licencia, y la capa gratuita de Flaticon, Freepik o Storyset está en este nivel.
Una fuente china obliga a dibujar entre 6.000 y 20.000 glifos, y eso encarece muchísimo el desarrollo: por eso hay muchas menos fuentes chinas de uso comercial gratuito que latinas. Se pueden usar con tranquilidad, a grandes rasgos, tres grupos: fuentes abiertas con OFL (Source Han Sans / Serif, Noto CJK, LXGW WenKai, Smiley Sans, Maple Mono); fuentes que un fabricante publica gratis para promocionar su marca (Alibaba PuHuiTi, HarmonyOS Sans, MiSans, OPPO Sans, la familia Zcool); y las fuentes que trae el sistema operativo, dentro de ese sistema. Microsoft YaHei, PingFang, Founder, Hanyi y demás fuentes de sistema o comerciales no se pueden usar sin más en un diseño que se publique, se incruste en una web o aparezca en un vídeo: los derechos de Microsoft YaHei son de Founder y la licencia de Windows solo cubre mostrarla dentro de Windows. Antes de usar un nombre en un cartel, un vídeo o una web, comprueba su licencia; el grupo «Fuentes» de esta página solo recoge las que son claramente comerciales.
Comprimir, recortar fondos o cambiar de formato son operaciones que casi todos los sitios externos resuelven «subiendo el archivo a su servidor y devolviéndolo» (TinyPNG, remove.bg); unos pocos (Squoosh) lo hacen en el navegador. Subir significa que el original pasa por un servidor ajeno, y eso es un riesgo con diseños sin publicar, material de clientes o fotos con caras. Las herramientas de imagen, audio y vídeo de toolun se ejecutan en el navegador y su código se puede revisar, así que el grupo «Compresión y formatos» pone primero las del sitio; las externas se mantienen porque aportan algo que aquí no hay (la API de TinyPNG, la comparación formato a formato de Squoosh) y su reseña avisa de que «la imagen se sube».
Lo que se publica en Dribbble, Behance, Awwwards o Mobbin está protegido por derechos de autor: se mira, no se copia. Su valor es la referencia de estilo y el aprendizaje del proceso. El «gratis para uso personal» de las fichas del grupo «Inspiración y referencia» habla de límites de visitas y no tiene nada que ver con la licencia comercial: en ese grupo no hay ni una entrada que permita descargar y usar en un proyecto comercial.
Las herramientas de color dan valores y no plantean problema de licencia; la restricción real llega por accesibilidad: WCAG 2.x exige una relación de contraste de 4,5:1 o más entre el texto normal y el fondo (AA), 3:1 para texto grande y 7:1 y 4,5:1 para AAA. Las escalas pensadas para el contraste, como Radix Colors u Open Color, ya lo traen calculado; si compones tu propia paleta, compruébala con Herramientas de color o con WebAIM Contrast Checker.
En «Imágenes», activa «Sin atribución» para la foto → en «Fuentes», elige una OFL o de uso comercial gratuito → en «Paletas», el esquema → maqueta en el taller de imagen del sitio → entrega con Comprimir imágenes.
En el grupo «Iconos», elige por licencia: los sets MIT como Lucide / Phosphor / Tabler son de uso libre; Remix Icon e IconPark también son open source y aptos para uso comercial; para logos de marca usa Simple Icons, pero atención a las marcas.
«Ilustración y 3D»: unDraw deja cambiar el color principal en línea, Open Doodles y Humaaans son CC0 y la versión gratuita de Storyset pide atribución.
Grupo «Fuentes»: Fontsource empaqueta ese mismo catálogo OFL como paquetes de npm, o descarga Noto Sans SC, recórtala con subconjuntos y alójala en tu servidor.
Sí al uso comercial y el crédito no es obligatorio (se agradece). La licencia de Unsplash prohíbe redistribuir o vender las fotos y usarlas para un servicio que compita con Unsplash; las descargadas antes de 2017 son CC0 y las posteriores llevan licencia propia.
Sí. OFL permite uso comercial, incrustación como webfont y empaquetado en programas y PDF. Lo que no permite es vender el archivo de la fuente por separado ni distribuir una versión modificada sin cambiarle el nombre.
Microsoft YaHei la diseñó Founder y Microsoft solo compró la licencia para mostrarla dentro de Windows. Publicarla en un cartel, un vídeo o una web incrustada exige comprar a Founder una licencia comercial aparte. Usa en su lugar Source Han Sans, Alibaba PuHuiTi o HarmonyOS Sans.
Junto a la obra o en el pie de la página: «nombre del autor / sitio de origen / licencia», por ejemplo "Icon by Freepik from Flaticon (CC BY 3.0)". En vídeo, en los títulos de crédito finales; en impresión, en la página de créditos. El formato exacto lo marca la guía de atribución del banco de recursos.
No. Las herramientas marcadas como «Este sitio» se ejecutan en el navegador y al cerrar la página se liberan los datos; por eso van delante de las externas.
Los datos del directorio se cargan con la página; la búsqueda, los filtros y los favoritos se ejecutan en el navegador y esta página no lanza peticiones ni registra clics. Los enlaces externos se abren en una pestaña nueva con rel="noopener noreferrer" y quedan bajo la política de privacidad del destino. Las herramientas marcadas como «Este sitio» procesan los archivos en local y no suben nada.
Actualizado el 2026-09-29
123 recursos de diseño y creación: bancos de imágenes gratuitas, ilustraciones, iconos, fuentes, paletas, mockups, herramientas de diseño, compresión y formatos, inspiración y material de audio y vídeo; cada ficha indica su licencia (CC0 / OFL / MIT / con atribución / uso comercial gratuito…) y se puede filtrar por licencia; las herramientas de compresión y recorte del sitio se abren directamente; favoritos
Esta herramienta no está traducida por completo; parte del contenido usa el idioma de origen o uno de reserva.
La biblioteca de fotografías gratuita de la más alta calidad, con licencia desde 2017 (no CC0), uso comercial permitido, redistribución prohibida.
Fotos + materiales de video gratuitos, interfaz en chino, licencia similar a Unsplash.
Hay fotos, ilustraciones, vectores y música disponibles; El contenido inicial era CC0, ahora con licencia privada.
Principalmente fotografías de escenas de comercio electrónico (productos, tiendas, estilo de vida), CC0.
Fotografías de estilo de vida e interiores, cada una acompañada de una combinación de colores.
Fotos CC0, filtrar por popularidad y fecha.
Un sitio de fotografías gratuito mantenido por un fotógrafo con un estilo unificado.
La mayoría de las imágenes del espacio y la Tierra de la NASA son de dominio público. Tenga en cuenta que algunos pueden contener derechos de autor de terceros.
Más de 100 millones de archivos multimedia, licencia archivo por archivo (CC0/CC-BY/CC-BY-SA mixta), un tesoro de imágenes históricas.
Pinturas antiguas y fotografías gratuitas de dominio público, algunos contenidos requieren inicio de sesión o pago.
Biblioteca de fotos CC0 aportada por fotógrafos chinos, con un estilo uniforme.
Ilustración SVG de estilo plano, el color principal se puede cambiar directamente en la página web, tiene su propia licencia abierta y se puede utilizar comercialmente.
Las ilustraciones de Freepik se pueden editar online y la versión gratuita requiere una firma.
Miles de ilustraciones SVG/PNG gratuitas en varios estilos y colores.
Los caracteres de línea dibujados a mano, CC0, son muy adecuados para acortar páginas de estado.
Biblioteca de ilustraciones de personajes desmontables y empalmados, CC0.
Ilustraciones combinadas de múltiples ilustradores, edición gratuita con tamaño limitado.
100 ilustraciones de código abierto, MIT.
Dibujada a mano en un estilo surrealista, la versión gratuita requiere una firma.
160.000 PNG de formas 3D; la versión gratuita requiere atribución.
Zona libre para ilustraciones 3D, se requiere firma, se requiere licencia única para uso comercial.
Biblioteca de materiales de efectos de movimiento de Lottie, el área gratuita es principalmente Licencia simple de Lottie y requiere firma.
Más de 1500 íconos lineales con semántica clara y paquetes de marco completos.
Seis conjuntos de iconos grandes con el mismo grosor facilitan el sistema de diseño.
Más de 5000 íconos lineales/sólidos para una amplia cobertura.
Ícono oficial de Tailwind, tres tamaños y estilos.
Más de 2800 iconos de estilo neutro mantenidos por chinos, pares lineales/sólidos.
Acceso API unificado a más de 200 conjuntos de iconos, cargados bajo demanda; framework MIT, cada conjunto de iconos tiene su propia licencia.
Logotipo de marca SVG, gráfico CC0 pero los derechos de marca del logotipo pertenecen a la marca.
Icono de fuente variable de Google con peso/relleno/tamaño óptico ajustable.
Microsoft 3D / plano / monocromático tres conjuntos de gráficos emoji, MIT.
Conjunto de emojis de código abierto, estilo de línea unificada, CC BY-SA.
La biblioteca de íconos comerciales más grande, las descargas gratuitas requieren atribución, atribución Premium gratuita.
Millones de íconos, de uso gratuito pero requieren atribución CC BY, no se requiere atribución para uso pago.
Producido por ByteDance, más de 2400 íconos se pueden cambiar en grosor y estilo en línea.
Este sitio: genere un conjunto completo de favicon, Apple Touch Icon y manifiesto a partir de una imagen.
Más de 1700 fuentes de código abierto, todas OFL o Apache, incluida Noto Sans SC.
La fuente pan-CJK (es decir, Siyuan Hei/Songti), OFL, desarrollada conjuntamente por Google y Adobe, es la primera opción para proyectos chinos.
Versión Adobe de la fuente Siyuan, que tiene el mismo origen que Noto CJK, OFL.
Sans serif diseñado para la pantalla, uno de los estándares de facto para interfaces UI, OFL.
Programación de fuentes monoespaciadas, buena ligadura y reconocimiento de glifos, OFL.
Pionero de las fuentes de programación con guiones, OFL.
Un paquete npm para fuentes de código abierto, una alternativa autohospedada a la CDN de Google Fonts.
Fuentes comerciales en inglés gratuitas cuidadosamente seleccionadas, con generador de fuentes web incluido.
Basado en Kaiti de código abierto y OFL derivado de Klee One, se usa comúnmente en productos de lectura.
Negrita estrecha e inclinada, para titulares y carteles, OFL.
Fuentes redondeadas monoespaciadas en chino e inglés, alineación 2:1 en chino e inglés, OFL.
Alibaba produce negrita comercial gratuita, 3.0 cubre GB18030; tiene licencia propia y no se permite distribución secundaria.
La fuente Huawei Hongmeng es gratuita para uso comercial y tiene varios pesos de fuente.
Negrita comercial gratuita producida por Xiaomi, peso de fuente 10.
Fuentes comerciales gratuitas de OPPO, incluidas chino e inglés.
Zoku negro de alta gama, cuerpo feliz, cuerpo con el logotipo de Xiaowei, etc., gratuito para uso comercial.
Agregación y recuperación de fuentes comerciales gratuitas chinas. Antes del uso comercial, consulte la página de autorización del autor de la fuente.
Este sitio: convierta texto en garabatos Unicode/líneas dobles/caracteres con círculos para apodos sociales.
Presione el espacio para colorear el color aleatoriamente, bloquéelo y luego deslícelo para exportar a cada formato.
La combinación de colores se aplica directamente a la página de muestra para ver el efecto.
Un valor de color genera una escala de colores Tailwind 50–950.
12 niveles de color diseñados para un contraste sin complicaciones, combinados con modos oscuro y claro.
13 colores × 10 niveles de combinación de colores de interfaz de usuario de código abierto, MIT.
Cuatro combinaciones de colores enviadas por la comunidad, busque tendencias populares.
Los nombres de colores y valores de colores tradicionales chinos se utilizan para seleccionar colores para el diseño de estilo nacional.
250 colores tradicionales japoneses con nombres coincidentes y CMYK.
La rueda de colores y las reglas de armonía generan coincidencia de colores y extraen el color principal de la imagen.
Seleccione 50 colores favoritos para entrenar el modelo y generar una combinación de colores personalizada.
Verificación de contraste WCAG.
Este sitio: conversión de formato, generación de escala de color, verificación de contraste, selección de color de pantalla.
Este sitio: extraiga colores y paletas principales de imágenes.
Este sitio: visualiza degradados y copia CSS.
Miles de prototipos de equipos y escenas, versión gratuita de descarga limitada.
Agregue carcasas y fondos de dispositivos a las capturas de pantalla en el navegador, de forma gratuita y sin necesidad de iniciar sesión.
Agregue bordes de ventanas del navegador a capturas de pantalla en un segundo.
Colección de maquetas PSD gratuitas, ver licencia por licencia.
Prototipos de equipos de alta calidad están disponibles para uso comercial en la zona franca y requieren firma.
Maquetas Figma / PSD gratuitas.
Busque fundas para dispositivos en la comunidad Figma, la mayoría son CC BY 4.0.
Este sitio: organice un fragmento de texto en una imagen de tarjeta para compartir en redes sociales.
El estándar de facto del diseño de UI; tres archivos gratuitos bastan para uso personal.
Alternativa a Figma de código abierto, autohospedado, salidas SVG/CSS estándar.
Utilice plantillas para crear carteles/PPT/portadas, lo que permitirá a los no diseñadores comenzar rápidamente.
Photoshop en el navegador, abre PSD sin instalación, gratis con anuncios.
Un editor de mapas de bits de código abierto con funciones completas pero con una interfaz de la vieja escuela.
Software de dibujo de código abierto, orientado a ilustraciones y cómics.
Editor vectorial de código abierto, nativo SVG.
Pizarra pintada a mano y diagrama esquemático, guardado localmente.
Pizarra de lienzo ilimitada, la versión web es gratuita; El SDK tiene licencia propia (no es de código abierto) a partir de 2024.
Herramienta de colaboración de diseño en línea que cubre diseño, prototipos y entrega; la versión gratuita es suficiente.
Herramienta de diseño en línea estilo Figma, con abundantes recursos en chino en su comunidad.
Herramienta de diseño colaborativo en línea que combina pizarra y prototipos.
Este sitio: recorte, ajuste de color, filtros, recorte, adición de texto, marcas de agua, todo en el navegador.
Este sitio: comprime por lotes JPG / PNG / WebP, se puede configurar el tamaño objetivo.
Este sitio: conversión HEIC / WebP / AVIF / PNG / JPG.
Este sitio: Escala por píxel/porcentaje/lado largo, lote.
Compresión con pérdida en línea veterana, gratuita para 20 imágenes de 5 MB cada vez; Se subirán las fotos.
La compresión, el formato y la comparación de parámetros del lado del navegador de Google son intuitivos.
La interfaz gráfica de SVGO le permite optimizar y comparar SVG con solo un clic.
SVG para reaccionar componente.
Recorte de IA en la nube, gratuito solo para baja resolución; este sitio tiene recorte local.
Este sitio: El modelo se ejecuta en el navegador, pero las imágenes no se cargan.
Este sitio: Comprime imágenes en PDF, úsalas antes de enviar el portafolio por correo electrónico.
Este sitio: presione el video a un tamaño que pueda enviarse a WeChat.
Busque referencias de estilo visual para las exposiciones de trabajo de los diseñadores; las obras no pueden utilizarse directamente para uso comercial.
La plataforma de cartera de Adobe tiene muchos procesos de proyectos completos.
Una biblioteca de capturas de pantalla de interfaces de aplicaciones reales, con capacidad de búsqueda por proceso y componente, versión gratuita limitada.
Diseño web seleccionado, estilo vanguardista.
Premios de diseño web, aprenda sobre animación y narrativa de los sitios web galardonados.
Colección de páginas de destino, filtradas por industria y estilo.
Referencia real de la interfaz de la aplicación y la página web del producto, dividida por tipo de página.
Patrones de diseño de interfaz y psicología del usuario, explicando por qué se hace esto.
Los principios de UX, como la Ley de Fitt y la Ley de Hick, están disponibles en chino en cada página.
Lista de verificación de diseño por página/componente.
Comunidad china de diseñadores; referencia de tipografía y estilo chinos.
La información de diseño chino y tutoriales también se incluyen en la página de navegación.
Cientos de miles de efectos de sonido, CC0 / CC BY mezclados, consulte la licencia única antes de descargarlos.
Los vídeos, la música y los efectos de sonido gratuitos de Envato están disponibles para uso comercial bajo su propia licencia.
Vídeos de fondo web gratis.
La sección de vídeos de Pexels tiene una gran cantidad de materiales 4K.
Biblioteca de música con licencia CC, filtrar por tipo de licencia.
Mala música de fondo gratuita utilizada en el círculo de vídeos, CC BY requiere atribución.
Música y efectos de sonido gratuitos para creadores de YouTube, que requieren iniciar sesión en Studio.
Este sitio: convierte formatos, comprime, edita, extrae audio y convierte a GIF, todo en el navegador.
Este sitio: Generador de sonido ambiental, que también se puede utilizar como efectos de sonido temporales.