Google Fonts
Site·Design e desenvolvimentoGoogle Fonts é a coleção de fontes do Google servida em fonts.google.com, distribuída em sua maioria sob a SIL Open Font License, com algumas fontes sob Apache 2 e a Ubuntu Font License.
Encontrar fontes
Bom saber: As condições de uso gratuito variam conforme a ferramenta e o plano. Quando um cartão não mostra um limite específico da ferramenta, confira cotas, marcas d’água e condições de exportação na página oficial.
Google Fonts é a coleção de fontes do Google servida em fonts.google.com, distribuída em sua maioria sob a SIL Open Font License, com algumas fontes sob Apache 2 e a Ubuntu Font License.
Encontrar fontes
O Google Sites é uma ferramenta do Google, integrada ao Google Workspace, para criar sem código sites de equipe, projeto e evento com arrastar e soltar.
Criar site sem código
Leonardo é uma ferramenta de cores de código aberto da Adobe que gera escalas de cor e temas adaptáveis a partir de uma razão de contraste alvo, com acessibilidade desde o início.
Criar paleta de cores
O LottieFiles é uma plataforma de motion design com uma biblioteca de mais de 800.000 animações prontas, gratuitas e premium, o editor web Lottie Creator e os formatos Lottie e dotLottie.
Design 3D e animação web
O Mobbin é uma biblioteca de referências de design com telas de apps móveis e web, fluxos completos como onboarding e checkout, padrões de interface e seções de sites; uma conta gratuita dá acesso limitado.
Inspiração de design
O PageSpeed Insights analisa o endereço de uma página para celular e computador e mostra dados reais de usuários junto com dados de laboratório do Lighthouse.
Teste de velocidade e acessibilidade de sites
O Penpot é uma plataforma de design de código aberto para design de interfaces, wireframes e protótipos interativos; você pode usá-lo na nuvem ou instalá-lo no seu próprio servidor, e ele funciona com padrões abertos como SVG, CSS, HTML e JSON.
Design de interfaces e protótipos
Phosphor Icons é uma família de ícones com licença MIT para interfaces, diagramas e apresentações, com 1.248 ícones e seis espessuras (fina, leve, regular, negrito, preenchida e duotone).
Encontrar ícones
O Placeit é a ferramenta de design baseada na web da Envato que oferece mockups para vestuário, dispositivos digitais, impressão e produtos de impressão sob demanda, além de um criador de logotipos, modelos de design e ferramentas de vídeo; os downloads ilimitados vêm com uma assinatura.
Criar mockups
O Rotato é um gerador de mockups que coloca seu próprio design de aplicativo ou de site nas telas de mais de 30 dispositivos 3D prontos e o transforma em um vídeo animado ou em uma imagem; ele tem um aplicativo para macOS e uma versão web em beta público.
Criar mockups
Bom saber: Exige instalação no computador.
O Shots.so é um aplicativo de mockups baseado na web que transforma capturas de tela de produtos em imagens de apresentação ou vídeos curtos, com molduras de dispositivo, fundos e movimento animado.
Criar mockups
O Squarespace é uma plataforma para criar um site sem código com modelos, um editor de arrastar e soltar e um criador de sites com IA, com hospedagem, domínios e ferramentas de comércio em um só lugar.
Criar site sem código
O Sublime Text é um editor de texto pago da Sublime HQ para Windows, macOS e Linux que destaca o desempenho para código, marcação e prosa, com plugins por meio de uma API Python 3.8.
Editores de código
Bom saber: Exige instalação no computador.
O Uizard é uma ferramenta de design de interfaces assistida por IA que gera protótipos editáveis de várias telas a partir de um texto e transforma capturas de tela e esboços feitos à mão em designs editáveis.
Design de interfaces e protótipos
O WAVE é uma ferramenta da WebAIM que marca com ícones os erros de acessibilidade e WCAG diretamente em uma página web; está disponível como ferramenta on-line e como extensão do navegador.
Teste de velocidade e acessibilidade de sites
O Webflow é uma plataforma de criação de sites que permite desenhar um site visualmente, sem escrever código, e publicá-lo com CMS, hospedagem e comércio eletrônico.
Criar site sem código
WhatTheFont é a ferramenta de identificação de fontes da MyFonts: busca em sua base fontes parecidas com o texto de uma imagem e mostra uma lista de correspondências com prévias do texto.
Encontrar fontes