Guide
O diretório de recursos de design organiza a busca de materiais em dez grupos: bancos de fotos gratuitos, ilustrações e 3D, ícones, fontes, cores, mockups, ferramentas de design, compactação e formatos, inspiração e mídia de áudio e vídeo — 123 itens. Cada um traz uma nota do editor sobre estilo, pontos fortes e limites do site ("a versão gratuita limita o tamanho", "imagens são enviadas", "uso comercial exige atribuição").
Atualizado em 2026-09-294 sources10 min read
O diretório de recursos de design organiza a busca de materiais em dez grupos: bancos de fotos gratuitos, ilustrações e 3D, ícones, fontes, cores, mockups, ferramentas de design, compactação e formatos, inspiração e mídia de áudio e vídeo — 123 itens. Cada um traz uma nota do editor sobre estilo, pontos fortes e limites do site ("a versão gratuita limita o tamanho", "imagens são enviadas", "uso comercial exige atribuição").
A coluna mais importante desta página é a licença. Quase toda disputa sobre materiais começa com "achei que grátis significava livre para uso comercial": o Unsplash deixou de ser CC0 depois de 2017, downloads gratuitos do Flaticon exigem atribuição, a licença pode variar entre materiais do mesmo site (Freesound, Wikimedia Commons) e pouquíssimas fontes chinesas são gratuitas para uso comercial. Por isso cada item indica a licença — CC0, OFL, MIT, Apache, GPL, MPL, CC-BY, comercial gratuito (licença própria do site), atribuição obrigatória, gratuito para uso pessoal, proprietária — com os filtros "uso comercial" e "sem atribuição" e um menu de licenças.
Além disso, sempre que uma etapa pode ser feita localmente no navegador do Toolun (compressão, conversão de formato, tamanho, recorte de fundo, captura de cor, gradiente, favicon, cartão de texto, áudio e vídeo), ela entra como item “este site”, e ferramentas equivalentes de fora ganham a marca “dá para fazer aqui”. Para operações que enviariam o original do trabalho a um servidor — comprimir uma imagem ou recortar o fundo antes de entregar —, o melhor é não sair do navegador.
Escolhendo “Fontes” e marcando “sem atribuição”:
Pesquisando “recortar fundo”:
Google Fonts OFL 1700+ fontes de código aberto, todas OFL / Apache, incl. Noto Sans SC.
Noto Sans / Serif CJK OFL Source Han Sans / Serif, primeira escolha para projetos em chinês.
LXGW WenKai OFL Fonte kai de código aberto, comum em apps de leitura.
Alibaba PuHuiTi Comercial grátis 3.0 cobre GB18030; licença própria, sem redistribuição.
HarmonyOS Sans / MiSans / OPPO Sans Comercial grátis Sans publicadas por fabricantes.
Smiley Sans OFL Sans inclinada e estreita para títulos e cartazes.
Inter / JetBrains Mono / Fira Code / Maple Mono OFL Fontes de interface e de código.Recorte com IA (local) /tool/image-cutout Este site: o modelo roda no navegador e as imagens não são enviadas. Este site · Grátis
remove.bg remove.bg Recorte com IA na nuvem; a versão gratuita só dá baixa resolução e este site tem alternativa local. Este site dá conta → image-cutout · LoginDa mais permissiva à mais restritiva, as licenças de material se dividem em cinco níveis. Domínio público / CC0: o autor abre mão de todos os direitos, qualquer uso e sem atribuição — imagens da NASA, Open Doodles e a parte gráfica do Simple Icons estão nesse nível (atenção: a marca registrada continua do dono, o CC0 cobre o arquivo SVG e não o direito de usar a marca). Licenças de software aberto (MIT / Apache / GPL / MPL): comuns em bibliotecas de ícones e softwares de design; permitem uso comercial, modificação e redistribuição; MIT e Apache só exigem manter o aviso de copyright, e a GPL exige que o derivado também seja aberto (ela não afeta “a imagem feita no GIMP”, só o software em si). OFL: feita para fontes, permite uso comercial e incorporação em páginas, apps e PDFs, e permite modificar, mas a versão modificada tem de mudar de nome (Reserved Font Name) e o arquivo da fonte não pode ser vendido separadamente — empacotar a fonte dentro de um software pago pode, vender a fonte não. Licença própria do site (uso comercial grátis): Unsplash, Pexels, Pixabay, unDraw, Alibaba PuHuiTi e outros escreveram a própria licença; o núcleo é “pode usar comercialmente, atribuição opcional, proibido redistribuir ou criar um concorrente”, com detalhes diferentes em cada uma (a Pexels proíbe usar fotos de pessoas para sugerir endosso; a PuHuiTi proíbe embutir o arquivo em um produto de fontes). CC-BY / atribuição obrigatória: grátis, mas com crédito ao autor e à origem; a CC BY-SA ainda exige que o derivado use a mesma licença, e é o nível das camadas grátis de Flaticon, Freepik e Storyset.
Uma família de fonte chinesa precisa desenhar de 6 mil a mais de 20 mil caracteres, o custo de desenvolvimento é altíssimo e, por isso, há muito menos fontes chinesas grátis para uso comercial do que em inglês. Dá para usar comercialmente com tranquilidade três grupos: as fontes abertas sob OFL (Source Han Sans / Serif, Noto CJK, LXGW WenKai, Smiley Sans, Maple Mono); as que os fabricantes lançam para divulgar a marca (Alibaba PuHuiTi, HarmonyOS Sans, MiSans, OPPO Sans, linha ZCOOL); e as fontes do sistema usadas dentro do próprio sistema. Microsoft YaHei, PingFang, Founder, Hanyi e outras fontes comerciais ou de sistema não podem ser usadas à vontade em peças publicadas, páginas embutidas ou vídeos — a Microsoft YaHei pertence à Founder, e a licença do Windows cobre apenas exibi-la no Windows. Ao fazer cartaz, vídeo ou página, confira a licença da fonte antes de tudo; o grupo “Fontes” desta página só lista o que é claramente liberado.
Compressão, recorte de fundo e conversão de formato são, em quase todo site de fora, “envie para o servidor, ele processa e devolve” (TinyPNG, remove.bg); alguns poucos (Squoosh) fazem no navegador. Enviar significa que o original passa por um servidor de terceiros — risco real para peças ainda não publicadas, material de cliente e fotos com rostos. As ferramentas de imagem, áudio e vídeo do Toolun rodam todas no navegador, com código auditável, e por isso o grupo “ferramentas de compressão e formato” põe as ferramentas deste site na frente; os sites de fora continuam na lista porque fazem o que aqui não existe (a API do TinyPNG, a comparação formato a formato do Squoosh), com o aviso “a imagem é enviada” na avaliação.
Os trabalhos no Dribbble, Behance, Awwwards e Mobbin são protegidos por direito autoral: dá para olhar, não para pegar e usar. O valor deles é a referência de estilo e o aprendizado de processo. O “grátis para uso pessoal” marcado no grupo “inspiração e referência” geralmente quer dizer limite de visualizações, não licença comercial — não há um item sequer nesse grupo que permita baixar e usar comercialmente.
As ferramentas de cor entregam valores de cor e não têm problema de licença; a restrição real vem da acessibilidade: a WCAG 2.x pede contraste de texto normal sobre o fundo ≥ 4,5:1 (AA) e ≥ 3:1 para texto grande; no AAA, 7:1 e 4,5:1. Escalas “desenhadas para contraste”, como Radix Colors e Open Color, já trazem esses números calculados; ao montar a sua paleta, valide com as Ferramentas de cor deste site ou com o WebAIM Contrast Checker.
Em “imagens”, marque “sem atribuição” e escolha a foto → em “fontes”, pegue uma OFL ou uma chinesa de uso comercial grátis → em “cores”, defina a paleta → componha no Estúdio de imagem deste site → entregue com o Comprimir imagens.
No grupo "Ícones", escolha pela licença: conjuntos MIT como Lucide / Phosphor / Tabler são livres para usar; Remix Icon e IconPark também são open source e comerciais; para logos de marca use Simple Icons, mas atenção às marcas.
Em “ilustrações e 3D”: o unDraw deixa trocar a cor principal on-line, Open Doodles e Humaaans são CC0, e a versão grátis do Storyset exige atribuição.
No grupo “fontes”: o Fontsource empacota as mesmas fontes OFL em pacotes npm, ou baixe a Noto Sans SC, reduza o subconjunto e hospede você mesmo.
Pode usar comercialmente, e o crédito não é obrigatório (mas é recomendado). A Unsplash License, porém, proíbe redistribuir, vender ou usar as imagens num serviço que concorra com o Unsplash; imagens baixadas antes de 2017 eram CC0, e as posteriores seguem a licença própria do site.
Podem. A OFL permite uso comercial, incorporação como webfont e empacotamento em software e PDF. O que não pode é vender o arquivo da fonte separadamente nem distribuir uma versão modificada sem trocar o nome.
A Microsoft YaHei foi desenhada pela Founder, e a Microsoft comprou apenas a licença de exibição dentro do Windows. Para usar em cartaz, vídeo ou página publicados é preciso comprar uma licença comercial separada da Founder. Troque por Source Han Sans, Alibaba PuHuiTi ou HarmonyOS Sans.
Ao lado da obra ou no rodapé da página, escreva “nome do autor / site de origem / licença”, por exemplo "Icon by Freepik from Flaticon (CC BY 3.0)". Em vídeo, nos créditos finais; em material impresso, na página de créditos. O formato exato é o do guia de atribuição do site de origem.
Não. As ferramentas marcadas como “este site” rodam no navegador, e os dados são liberados ao fechar a página; é por isso que elas vêm antes dos sites externos.
Os dados do diretório carregam junto com a página, e busca, filtros e favoritos rodam no navegador: esta página não faz requisições nem registra cliques. Links externos abrem em nova aba com rel="noopener noreferrer" e passam a seguir a política de privacidade do site de destino. As ferramentas marcadas como “este site” processam os arquivos localmente, sem enviar nada.
Atualizado em 2026-09-29
123 recursos de design e criação: bancos de imagens gratuitos, ilustrações, ícones, fontes, paletas, mockups, ferramentas de design, compactação e formatos, inspiração e mídia de áudio e vídeo; cada item indica a licença (CC0 / OFL / MIT / com atribuição / uso comercial gratuito…) e há filtro por licença; as ferramentas de compactação e recorte do site abrem na hora; favoritos
Esta ferramenta ainda não está totalmente traduzida; parte do conteúdo usa o idioma de origem ou um idioma de reserva.
A biblioteca de fotos gratuita da mais alta qualidade, licenciada desde 2017 (não CC0), uso comercial permitido, redistribuição proibida.
Fotos + materiais de vídeo gratuitos, interface chinesa, licença semelhante ao Unsplash.
Fotos, ilustrações, vetores e músicas estão disponíveis; o conteúdo inicial era CC0, agora licenciado de forma privada.
Principalmente fotos de cenas de comércio eletrônico (produtos, lojas, estilo de vida), CC0.
Fotos de estilo de vida e interiores, cada uma acompanhada por um esquema de cores.
Fotos CC0, filtre por popularidade e data.
Um site de fotos gratuito mantido por um fotógrafo com um estilo unificado.
A maioria das imagens espaciais e terrestres da NASA são de domínio público. Observe que alguns podem conter direitos autorais de terceiros.
Mais de 100 milhões de arquivos de mídia, licença arquivo por arquivo (CC0 / CC-BY / CC-BY-SA mista), um tesouro de imagens históricas.
Pinturas antigas e fotos gratuitas de domínio público, alguns conteúdos requerem login ou pagamento.
Biblioteca de fotos CC0 mantida por fotógrafos chineses, com estilo consistente.
Ilustração SVG de estilo plano, a cor principal pode ser alterada diretamente na página web, possui licença própria aberta e pode ser usada comercialmente.
As ilustrações do Freepik podem ser editadas online e a versão gratuita requer assinatura.
Milhares de ilustrações SVG/PNG gratuitas em vários estilos e cores.
Caracteres de linha desenhados à mão, CC0, são muito adequados para abreviar páginas de status.
Biblioteca de ilustrações de personagens destacáveis e emendadas, CC0.
Ilustrações combinadas de vários ilustradores, edição gratuita com tamanho limitado.
100 ilustrações de código aberto, MIT.
Desenhado à mão em estilo surreal, a versão gratuita requer assinatura.
160.000 PNGs em formato 3D, a versão gratuita requer atribuição.
Zona franca para ilustrações 3D, assinatura necessária, licença única necessária para uso comercial.
Biblioteca de materiais de efeitos de movimento Lottie, a área gratuita é principalmente Lottie Simple License e requer assinatura.
Mais de 1.500 ícones lineares com semântica clara e pacotes de estrutura completos.
Seis grandes conjuntos de ícones com a mesma espessura facilitam o sistema de design.
Mais de 5.000 ícones lineares/sólidos para ampla cobertura.
Ícone oficial do Tailwind, três tamanhos e estilos.
Mais de 2.800 ícones de estilo neutro mantidos pelo povo chinês, pares lineares/sólidos.
Acesso API unificado a mais de 200 conjuntos de ícones, carregados sob demanda; framework MIT, cada conjunto de ícones possui sua própria licença.
Logotipo da marca SVG, gráfico CC0, mas os direitos de marca registrada do logotipo pertencem à marca.
Ícone de fonte variável do Google com peso/preenchimento/tamanho óptico ajustáveis.
Microsoft 3D / plano / monocromático três conjuntos de gráficos emoji, MIT.
Conjunto de emojis de código aberto, estilo de linha unificado, CC BY-SA.
A maior biblioteca comercial de ícones, downloads gratuitos requerem atribuição, atribuição gratuita Premium.
Milhões de ícones, de uso gratuito, mas requerem atribuição CC BY, nenhuma atribuição necessária para uso pago.
Produzido pela ByteDance, mais de 2.400 ícones podem ser alterados em espessura e estilo online.
Este site: Gere um conjunto completo de favicon, ícone Apple Touch e manifeste-se a partir de uma imagem.
Mais de 1700 fontes de código aberto, todas OFL ou Apache, incluindo Noto Sans SC.
A fonte pan-CJK (ou seja, Siyuan Hei/Songti), OFL, desenvolvida em conjunto pelo Google e pela Adobe, é a primeira escolha para projetos chineses.
Versão Adobe da fonte Siyuan, que tem a mesma origem de Noto CJK, OFL.
Sans serif projetado para a tela, um dos padrões de fato para interfaces UI, OFL.
Programação de fontes monoespaçadas, bom reconhecimento de ligaduras e glifos, OFL.
Pioneiro em fontes de programação hifenizadas, OFL.
Um pacote npm para fontes de código aberto, uma alternativa auto-hospedada ao CDN do Google Fonts.
Fontes comerciais gratuitas em inglês selecionadas manualmente, com gerador de webfont incluído.
Baseado no código aberto Kaiti e OFL derivado do Klee One, é comumente usado em produtos de leitura.
Negrito estreito e inclinado, para manchetes e pôsteres, OFL.
Fontes arredondadas monoespaçadas em chinês e inglês, alinhamento 2:1 em chinês e inglês, OFL.
Alibaba produz negrito comercial gratuito, capas 3.0 GB18030; possui licença própria e nenhuma distribuição secundária é permitida.
A fonte Huawei Hongmeng é gratuita para uso comercial e possui vários pesos de fonte.
Negrito comercial gratuito produzido pela Xiaomi, peso de fonte 10.
Fontes comerciais gratuitas OPPO, incluindo chinês e inglês.
Zoku preto sofisticado, corpo feliz, corpo com logotipo Xiaowei, etc., gratuito para uso comercial.
Agregação e recuperação de fontes comerciais gratuitas chinesas. Antes do uso comercial, consulte a página de autorização do autor da fonte.
Este site: Converta texto em rabiscos/linhas duplas/caracteres circulados Unicode para apelidos sociais.
Pressione o espaço para colorir aleatoriamente a cor, bloqueie-a e deslize para exportar para cada formato.
A correspondência de cores é aplicada diretamente à página de amostra para ver o efeito.
Um valor de cor gera uma escala de cores Tailwind 50–950.
12 níveis de cores projetados para contraste descomplicado, combinados com modos claro e escuro.
13 cores × 10 níveis de correspondência de cores da interface do usuário de código aberto, MIT.
Quatro esquemas de cores enviados pela comunidade, navegue pelas tendências populares.
Nomes de cores e valores de cores tradicionais chineses são usados para selecionar cores para design de estilo nacional.
250 cores tradicionais japonesas com nomes correspondentes e CMYK.
A roda de cores e as regras de harmonia geram a correspondência de cores e extraem a cor principal da imagem.
Selecione 50 cores favoritas para treinar o modelo e gerar correspondência de cores personalizada.
Verificação de contraste WCAG.
Este site: conversão de formato, geração de escala de cores, verificação de contraste, seleção de cores de tela.
Este site: Extraia cores e paletas principais de imagens.
Este site: Visualize gradientes e copie CSS.
Milhares de equipamentos e protótipos de cena, versão gratuita com download limitado.
Adicione shells e planos de fundo de dispositivos às capturas de tela no navegador, gratuitamente e sem necessidade de login.
Adicione bordas de janela do navegador às capturas de tela em um segundo.
Coleção de maquetes PSD gratuitas, veja licença por licença.
Protótipos de equipamentos de alta qualidade estão disponíveis para uso comercial na zona franca e exigem assinatura.
Modelos Figma / PSD gratuitos.
Pesquise caixas de dispositivos na comunidade Figma, a maioria é CC BY 4.0.
Este site: Organize um pedaço de texto em uma imagem de cartão de compartilhamento social.
O padrão de fato do design de UI; três arquivos gratuitos bastam para uso pessoal.
Alternativa Figma de código aberto, auto-hospedada, produz SVG/CSS padrão.
Use modelos para criar pôsteres/PPT/capas, permitindo que não-designers comecem rapidamente.
Photoshop no navegador, PSD aberto sem instalação, grátis com anúncios.
Um editor de bitmap de código aberto com funções completas, mas uma interface tradicional.
Software de desenho de código aberto, voltado para ilustrações e quadrinhos.
Editor de vetores de código aberto, nativo SVG.
Quadro branco pintado à mão e diagrama esquemático, salvos localmente.
Quadro branco de tela ilimitado, a versão web é gratuita; O SDK é autolicenciado (não de código aberto) a partir de 2024.
Ferramenta de colaboração de design on-line que cobre design, protótipos e entrega; o plano gratuito é suficiente.
Ferramenta de design on-line no estilo Figma, com muitos materiais em chinês na comunidade.
Ferramenta de design colaborativo on-line que combina quadro branco e protótipos.
Este site: recorte, ajuste de cores, filtros, recorte, adição de texto, marca d’água, tudo no navegador.
Este site: Compactação em lote JPG / PNG / WebP, o tamanho do destino pode ser definido.
Este site: conversão HEIC / WebP / AVIF / PNG / JPG.
Este site: Escala por pixel/porcentagem/lado longo, lote.
Compressão online veterana com perdas, gratuita para 20 fotos com 5 MB de cada vez; as fotos serão carregadas.
A compactação, formato e comparação de parâmetros do navegador do Google são intuitivos.
A interface gráfica do SVGO permite agilizar e comparar SVGs com apenas um clique.
Componente SVG para React.
Recorte Cloud AI, gratuito apenas para baixa resolução; este site tem recorte local.
Este site: O modelo roda no navegador, mas as fotos não são carregadas.
Este site: Compacte imagens em PDF, utilize-as antes de enviar o portfólio por e-mail.
Este site: Pressione o vídeo para um tamanho que possa ser enviado ao WeChat.
Procure referências de estilo visual para mostras de trabalho de designers; as obras não podem ser utilizadas diretamente para uso comercial.
A plataforma de portfólio da Adobe possui muitos processos de projeto completos.
Uma biblioteca de capturas de tela de interface de aplicativos reais, pesquisáveis por processo e componente, versão gratuita limitada.
Web design selecionado, estilo vanguardista.
Prêmios de web design, aprenda sobre animação e narrativa nos sites premiados.
Coleção de landing pages, filtradas por setor e estilo.
Referência real da página da web do produto e da interface do aplicativo, dividida por tipo de página.
Padrões de design de interface e psicologia do usuário, explicando por que isso é feito.
Princípios de UX, como a Lei de Fitt e a Lei de Hick, estão disponíveis em chinês em cada página.
Lista de verificação de design por página/componente.
Comunidade chinesa de designers; referência em tipografia e estilo chineses.
Informações e tutoriais de design chinês também estão incluídos na página de navegação.
Centenas de milhares de efeitos sonoros, CC0 / CC BY misturados, veja a licença única antes de baixar.
Os vídeos, músicas e efeitos sonoros gratuitos da Envato estão disponíveis para uso comercial sob sua própria licença.
Vídeos gratuitos de fundo da web.
A seção de vídeo do Pexels contém muitos materiais em 4K.
Biblioteca de música licenciada CC, filtre por tipo de licença.
BGM gratuito ruim usado no círculo de vídeo, CC BY requer atribuição.
Música e efeitos sonoros gratuitos para criadores do YouTube, exigindo login no Studio.
Este site: converte formatos, compacta, edita, extrai áudio e converte para GIF, tudo no navegador.
Este site: Gerador de som ambiental, que também pode ser usado como efeitos sonoros temporários.