Base oficial
Os órgãos de padronização, a documentação oficial e as autoridades públicas servem como referências.
Recursos da Web
Design, conteúdo e mídia
As ferramentas de design e mídia ajudam a preparar uma interface, mas o valor vem de conteúdo legível, componentes consistentes e ativos com direitos claros de uso. Teste um protótipo com uma cópia real.
Projete um cartão, uma página longa e um formulário com cópia real e mídia licenciada. Teste a expansão da tradução, erros e tamanhos de telefone antes de estender o sistema.
Procure recursosMétodo editorial
Um diretório projetado para ser útil, não apenas por muito tempo.
Cada entrada tem uma função clara e retorna a um destino oficial. O catálogo evita links de links, descrições copiadas e classificações artificiais.
Ferramentas profissionais
Os serviços estabelecidos são classificados por uso real: criar, hospedar, medir, proteger, publicar ou promover um site.
Leitura independente
A presença é editorial e não remunerada. Um formulário não é uma parceria nem uma garantia.
Compare em três questões concretas
| Critério | pergunta a resolver |
|---|---|
| Utilidade | O visual ou componente ajuda a entender ou realizar uma ação? |
| Direitos | As licenças, créditos e autorizações cobrem o uso pretendido? |
| Integração | O resultado permanece legível, acessível e leve na página real? |
Mantenha um breve registro de decisão: necessidade, fonte, resultado observado e ponto a ser confirmado. Faça a mesma tarefa executada com cada solução considerada em vez de comparar listas comerciais de recursos.
Pesquisa e filtros
Pontos de partida oficiais para este assunto
Compare sua função e documentação antes de escolher uma ferramenta. A presença nesta lista não é uma classificação.
17 Recursos exibidos
O link localiza a pesquisa e os filtros, bem como os recursos selecionados para comparação.
Nenhum recurso corresponde a esses filtros. Tente uma pesquisa mais ampla.
Compare até três recursos
Selecione os recursos nas folhas abaixo. Compare sua função e use e verifique as condições, custos, exportação de dados e suporte em sites oficiais. A origem geográfica descreve o editor; Ele não prova o local de hospedagem de seus dados.
Nenhum recurso selecionado.
Design de interface colaborativa, prototipagem e sistemas de design.
Para ser usado para: Teste componentes com conteúdo real e estados de erro.
Vá para a prática
figma.comVisite o site oficial
Suite para criação visual, vídeo, publicação e experiência digital.
Para ser usado para: Defina os formatos de entrega e os direitos de uso antes de produzir mídia.
Vá para a prática
adobe.comVisite o site oficial
Criação gráfica online para recursos visuais, apresentações e conteúdo social.
Para ser usado para: Verifique a legibilidade, a exportação e os direitos dos elementos em um visual final.
Vá para a prática
canva.comVisite o site oficial
Ferramenta de design e prototipagem de código aberto construída em torno dos padrões da web.
Para ser usado para: Avalie a transferência de arquivos e a colaboração com a equipe de desenvolvimento.
Vá para a prática
penpot.appVisite o site oficial
Biblioteca de fotografia sujeita aos seus próprios termos de uso.
Para ser usado para: Verifique a licença, relevância e representação do assunto antes da publicação.
Vá para a prática
unsplash.comVisite o site oficial
Fotografia e biblioteca de vídeo online.
Para ser usado para: Escolha uma imagem adequada ao contexto e registre sua origem e termos.
Vá para a prática
pexels.comVisite o site oficial
Biblioteca de fotografias, ilustrações, vídeos e áudio.
Para ser usado para: Verifique a qualidade e os direitos de cada recurso além de sua presença na biblioteca.
Vá para a prática
pixabay.comVisite o site oficial
Catálogo de fontes da web e informações tipográficas.
Para ser usado para: Escolha algumas variantes e teste os termos de carregamento, legibilidade e serviços.
Vá para a prática
fonts.google.comVisite o site oficial
Biblioteca de ícones para interfaces e sites.
Para ser usado para: Use apenas ícones necessários com etiquetas acessíveis quando eles transmitirem significado.
Vá para a prática
fontawesome.comVisite o site oficial
Coleção de ícones SVG projetado para interfaces modernas.
Para ser usado para: Verifique a consistência visual e os nomes acessíveis das ações ilustradas.
Vá para a prática
heroicons.comVisite o site oficial
Abra uma biblioteca de ícones SVG consistentes e personalizáveis.
Para ser usado para: Mantenha os significados dos ícones consistentes em toda a interface.
Vá para a prática
lucide.devVisite o site oficial
geração e exploração de paletas de cores.
Para ser usado para: Teste o contraste e o uso real antes de finalizar uma paleta.
Vá para a prática
cools.coVisite o site oficial
Seleção de sites e tendências de design digital.
Para ser usado para: Separe a inspiração visual das necessidades de legibilidade e desempenho.
Vá para a prática
awwwards.comVisite o site oficial
Portfólios e projetos criativos publicados por profissionais.
Para ser usado para: Estude as opções de apresentação sem copiar conteúdos ou recursos visuais protegidos.
Vá para a prática
behance.netVisite o site oficial
Comunidade de designers e galeria de trabalho de interface.
Para ser usado para: Valide uma ideia de interface em uma jornada completa, não em uma captura de tela.
Vá para a prática
dribbble.comVisite o site oficial
Biblioteca de fluxos e telas de produtos digitais.
Para ser usado para: Compare jornadas observadas com as necessidades de seu próprio público.
Vá para a prática
mobbin.comVisite o site oficial
Guia para consultas de contêineres para adaptar um componente ao espaço disponível.
Para ser usado para: Teste o mesmo componente em uma coluna estreita e uma grade com texto longo.
Vá para a prática
developer.mozilla.orgVisite o site oficial
Escolha um ponto de partida
O que cada categoria ajuda a decidir.
Esses exemplos lançam luz sobre os usos; Eles não são uma classificação nem uma recomendação comercial. Verifique a documentação e as condições em vigor antes de qualquer decisão.
Design, conteúdo e mídia
As ferramentas de design e mídia ajudam a preparar uma interface, mas o valor vem de conteúdo legível, componentes consistentes e ativos com direitos claros de uso. Teste um protótipo com uma cópia real.
Pontos a verificar- Teste os estados móveis, teclado, erro e conteúdo longo.
- Verifique os direitos da imagem e a transferência dos arquivos de origem.
Prática: Projete um cartão, uma página longa e um formulário com cópia real e mídia licenciada. Teste a expansão da tradução, erros e tamanhos de telefone antes de estender o sistema.
Limite para saber: Um arquivo de design sozinho não pode liquidar direitos de imagem, texto alternativo ou comportamento final do navegador.
Guia associado: Como escolher e preparar imagens do site
Transparência
propor um recurso ou correção
Escopo editorial e sites de terceiros
Esse diretório não exaustivo foi sujeito a uma verificação de consistência de dados e links em 2 de outubro de 2026. Alguns sites limitam as verificações automáticas. Ele contém links externos para sites independentes. Sua disponibilidade, conteúdo, preços, cookies e condições podem mudar. Française du Numérique Não os controle e não receba nenhuma comissão por sua presença.
Perguntas do diretório
Seleção, independência e atualizações.
A seleção editorial favorece as fontes primárias e oficiais, órgãos de padronização reconhecidos, ferramentas profissionais amplamente utilizadas, mídia especializada e comunidades ativas diretamente ligadas à criação, operação, segurança ou promoção de sites. Cada entrada deve ter uma função identificável, um editor claramente nomeado e um destino oficial. O catálogo é independente, não exaustivo e não busca classificar todos os provedores de serviços disponíveis. Um recurso pode ser removido se ele fechar, mudar profundamente seu objeto, se tornar enganoso ou não agregar mais valor prático suficiente. A data de verificação indica a última revisão global do catálogo; Isso não garante que cada site externo permaneça inalterado posteriormente. Antes de usar um serviço, é necessário confirmar seus preços, condições, regras de confidencialidade, nível de segurança e adequação conforme necessário em sua documentação oficial.
Não. Uma folha é uma referência documental, não uma certificação, uma parceria, uma auditoria de segurança ou uma recomendação comercial. As organizações referenciadas permanecem responsáveis por seus produtos, conteúdo, preços, disponibilidade, cookies, processamento de dados e condições contratuais. Um recurso pode ser adaptado a um projeto e inadequado para outro, dependendo do orçamento, da lei aplicável, dos requisitos técnicos e das habilidades da equipe. Française du Numérique Não recebe nenhuma comissão pela presença de um site neste diretório editorial. Antes de criar uma conta, comprar um serviço ou confiar dados, é aconselhável consultar a documentação oficial, as condições atuais, as possibilidades de exportação, o suporte e os elementos independentes disponíveis. Uma decisão envolvendo uma questão legal, financeira ou de segurança pode exigir o conselho de um profissional qualificado.
sim eu faço. O campo de pesquisa examina os nomes dos recursos e os temas editoriais, enquanto os filtros limitam a lista por categoria, origem geográfica e tipo de recurso. A pesquisa e a classificação são feitas localmente no navegador: as palavras inseridas não são transmitidas a um mecanismo de terceiros. A combinação de vários filtros pode não produzir resultados, enquanto um recurso útil está em uma categoria vizinha; É suficiente para remover um critério ou usar um termo maior. As descrições permanecem deliberadamente sintéticas e não listam todas as funções de um serviço. A documentação oficial deve ser consultada para verificar as capacidades, condições e taxas atuais antes de qualquer decisão.
Use a página de contato, indicando o nome do recurso, seu endereço oficial, seu editor, a categoria relevante e uma breve explicação de sua utilidade para profissionais ou gerentes de projeto da web. Para uma correção, especifique a folha em questão e as informações que parecem imprecisas ou antigas, se possível com uma fonte primária. Cada sugestão é lida antes da publicação e pode ser recusada quando reproduz uma entrada existente, é principalmente promoção, não possui um editor identificável, apresenta um risco evitável ou deixa o escopo do diretório. Uma proposta não garante a publicação ou um local específico, e esse processo editorial não prevê referências pagas.