Ferramentas de Design Online
Todos os tipos de ferramentas online para design, de editores de fotos a wireframes e muito mais
| Local na Internet | Descrição |
|---|---|
| Figma 6 | Ferramenta de design gráfico online (opções gratuitas e pagas) |
| Vectr 3 | Software de gráficos vetoriais grátis |
| Canva 2 | Crie belos designs (grátis e pagos) |
| Obter Ondas 1 | Um gerador de ondas SVG gratuito para criar ondas SVG exclusivas para web design |
| Clippy 1 | Criador de clip-path CSS fácil |
| Fancy Border Radius 1 | Oito valores especificando border-radius em CSS (gerador de border-radius) |
| Wireframe.cc 1 | Ferramenta de wireframing (gratuita e paga) |
| Fotor 3 | Editor de fotos e criador de design |
| Pixlr 1 | Editor de fotos online |
| Animoto Video Maker 1 | Faça vídeos online |
| RemoveBG | Remover planos de fundo da imagem |
| Photo Creator 1 | Crie suas próprias fotos em vez de pesquisar estoque |
| Visme 1 | Crie apresentações, infográficos e muito mais |
| Infograma | Crie infogramas |
| ChartGo | Crie tabelas e gráficos online |
| Foto 5 dos desenhos animados | Transforme fotos em desenhos animados |
| Logo Maker 4 | Crie logotipos personalizados |
| Caprichoso | Wireframes, diagramas e mais (4 grátis) |
| Quadro branco | Ferramenta de desenho online |
| Polvo 1 | Construtor de Sitemap |
| CTA Button Maker 1 | Crie botões de apelo à ação |
| Blobmaker 1 | Blobmaker é uma ferramenta de design generativa gratuita para ajudá-lo a criar rapidamente formas SVG aleatórias, exclusivas e com aparência orgânica |
| Personas 2 | Um gerador de avatar lúdico para a era moderna |
| SoftUI | Um gerador CSS de IU Soft (neumorfismo) |
| Photopea | Um editor online de Photoshop |
| Excalidraw | Quadro branco virtual para esboçar diagramas desenhados à mão |
| Diagramas | Software de diagramas e criador de fluxogramas |
| MapInSeconds | Maneira simples de visualizar seus dados com um mapa |
| Grid Malven | Uma cheatsheet de grade css para referência ao criar uma grade css |
| Flex Malven | Uma cheatsheet de grade do flexbox para referência ao trabalhar com o flexbox |
| Upscaler inteligente | Imagens de alta qualidade com resolução 2-4x |
| GetAvataaars | Ferramenta geradora de avatares grátis divertida e colorida por Fang-Pen Lin usando a biblioteca de esboços de Pablo Stanley |
| Webflow | Rompa a barreira do código, construa sites de negócios melhores e mais rápido. Sem codificação. |
| Traço 1 | Remova instantaneamente o fundo de suas fotos |
| Neumorphism.io | Gerar código shadow CSS Soft-UI |
| DB Designer | Projete seu banco de dados gratuitamente online |
| Ui Bakery | Crie aplicativos da web completos visualmente |
| Faux | Transforme código real em código falso |
| Rive | Ferramenta de design interativo em tempo real que permite projetar, animar e integrar imediatamente seus ativos em qualquer plataforma. |
| Remover tela 1 | Remova o fundo do vídeo 100% automaticamente e gratuitamente |
| Kodeshot | Converta seu código-fonte em belas imagens para seus artigos, tweets, mensagens, postagens ... |
| Wix | Crie um site do qual você se orgulhe |
| GTmetrix 1 | Velocidade do site e otimização de desempenho |
Software de design para download
Software gratuito para interface do usuário, foto, modelagem 3D, etc. Alternativas para software pago como Photoshop
| Local na Internet | Descrição |
|---|---|
| Gimp | Editor de imagens gratuito e de código aberto semelhante ao Photoshop |
| Gravit Designer 1 | Aplicativo gratuito de design gráfico vetorial completo que funciona em TODAS as plataformas |
| Blender 2 | Código aberto, animação gratuita, modelagem 3D, etc. |
| Raw Therapee | Programa de processamento de imagem bruta de plataforma cruzada |
| Ser funky | Programa de design online |
| Krita | Programa de desenho e pintura projetado para artistas digitais |
| Projeto Lápis | Software de prototipagem GUI |
| Inkscape | Poderosa ferramenta de design gratuita |
| Adobe XD 1 | Ferramenta de design gratuita da Adobe |
| Shapes.so 1 | Ícones que podem ser usados como código em seus projetos |
| Loucura | Sketch para Windows |
| InVision Studio | Ferramenta gratuita de design de tela da InVision |
| Darktable | Aplicativo de fluxo de trabalho de fotografia gratuito e de código aberto e desenvolvedor raw |
| Editor 1 de fotos do Inpixio | Editor de fotos gratuito: apenas para janelas |
Inspiração de Design
Aqui estão alguns sites para obter inspiração para design e interface do usuário
| Local na Internet | Descrição |
|---|---|
| Behance 4 | Projetos de design apresentados por diferentes criadores |
| Dribbble | Projetos de design apresentados por diferentes criadores |
| Httpster 3 | Mostra sites feitos por pessoas de todo o mundo |
| Inspirações de microcópia 2 | Coleção selecionada de exemplos de escrita UX, exemplos de microcópia e exemplos de direitos autorais |
| Inspofinds | Mais recentes trabalhos de design de designers e da comunidade de design |
| Design Notes | Biblioteca de recursos online gratuita para designers de produtos |
| Livro de Terras 1 | Exibe uma grande coleção de sites para ajudar a encontrar inspiração |
| Frontend Mentor 1 | Desafios de IU do mundo real usando HTML, CSS e Javascript |
| Awwwards 2 | Um site que classifica e coleta os melhores sites do mundo em UI |
| Codrops 1 | Um site que coleta as melhores ideias e padrões de interface do usuário e faz tutoriais deles |
| Página inicial de SaaS 2 | Descubra os melhores exemplos de páginas de destino criados por empresas de SaaS de primeira classe |
| Pages.xyz 2 | Organize e descubra as páginas da web mais bem projetadas |
| Movimento IU 1 | O Movimento da IU é uma comunidade de entusiastas de design que compartilham e discutem os designs de IU mais interessantes e exclusivos |
| lapa ninja 2 | Melhor inspiração para a página de destino |
| Freefrontend 2 | Design de front-end gratuito em css html e javascript. trabalho mais recente alguma parte do design |
| Webframe | Descubra e inspire-se com belos designs de webapp |
| Colete UI 1 | Inspiração diária coletada do arquivo ui diário e além. Selecionado a dedo e atualizado diariamente. |
| Burger Gráfico 2 | Um site que oferece ícones gratuitos e dolorosos, mock-ups, Ui-Kits, efeitos de texto e fundos. Os recursos deste site são uma mistura de recursos gratuitos e pagos. Os ícones são uma mistura dos formatos PNG, SVG, EPS e Sketch. Alguns recursos são confusos, pois há conteúdo patrocinado no meio dos conjuntos gratuitos. |
| Emails realmente bons 1 | Um site que oferece aos usuários uma tonelada de e-mails corporativos, desde atendimento ao cliente até marketing. |
| Recurso de Design Livre 3 | Um site que oferece fontes, maquetes, gráficos de modelos e kits de interface do usuário. |
| Site Inspire 2 | siteInspire é uma vitrine do melhor design interativo e da web. |
| Inspiração 2 em Web Design | Um site de inspiração para web design, atualizado diariamente. |
| NavNav 1 | Exemplos de navegação responsiva |
Compressão de imagem
Sites que permitem compactar imagens grandes
| Local na rede Internet | Descrição |
|---|---|
| TinyPNG 2 | Compressão inteligente de PNG e JPEG |
| Optimizilla 1 | Otimizador / compressor de JPEG e PNG online com configurações e download de arquivo |
| Compressor.io 1 | Compressão JPEG, PNG, GIF, SVG |
| Squoosh.app | Compressão de imagem do Google Chrome Labs |
| BulkResizePhotos | Redimensionar, compactar e converter imagens em massa que realizam todas as tarefas dentro do navegador (funciona offline) |
| iLoveIMG | O aplicativo da web gratuito mais rápido para facilitar a modificação de imagens |
| SvgOMG | Otimizador SVG online com muitas configurações e possibilidade de recortar e colar código SVG diretamente nele. |
| CompressJPEG | Comprimir imagens JPEG com tamanho ainda maior que 5 MB |
| CompressNow 1 | Compressão JPEG, GIF, PNG |
| Promo Image Resizer 1 | Imagem grátis e redimensionador de fotos |
| Otimizador de imagem | Otimizador de imagem grátis com opções de qualidade |
| SVGminify | Esta ferramenta remove informações supérfluas, reduzindo assim o tamanho dos seus arquivos SVG |
| Otimizador JPEG | Ferramenta online gratuita para redimensionar e compactar fotos digitais e imagens para exibição na web |
Outros
| Local na rede Internet | Descrição |
|---|---|
| everysize.kibalabs.com 9 | Verifique se sua incrível página da web responsiva parece ótima em todos os tamanhos |
| Devhints.io 4 | Esta é uma coleção modesta de cheatsheets na Internet |
| A Caixa de Ferramentas da Web 5 | Uma coleção de ferramentas úteis e gratuitas para desenvolvedores, programadores e designers da web. |
| WebDevTrick 3 | Um blog famoso por muitos designs HTML, CSS e JQuery incríveis. |
| truques css 3 | Truques CSS gratuitos e algumas ideias exclusivas para iniciantes e avançados |
| Material Design Resizer 1 | Um visualizador interativo que ajuda designers a testar pontos de interrupção de design de material em desktops, celulares e tablets |
| Nodesign.dev 2 | Uma coleção de ferramentas para desenvolvedores com pouco ou nenhum talento artístico |
| A11ygator 2 | Uma ferramenta da web para verificar sites em relação às regras WCAG |
| Commitizen 1 | Ferramenta de linha de comando para mensagens de commit formatadas de acordo com os padrões |
| CleanCss 2 | Ferramenta para forame de código, minificador e conversor de arquivo |
| Pequenos ajudantes 3 | Uma coleção de ferramentas on-line gratuitas e de uso único para desenvolvedores da web |
| CSS Ribbon Generator 1 | Este gerador ajudará na criação de uma fita de canto CSS pura. |
| Posso usar 1 | Verifique a compatibilidade entre navegadores de tecnologias de front-end. |
| kangax-js-compat-table 1 | Verifique a compatibilidade das versões JavaScript (ES5, ES6, ES2016 + etc.) em diferentes compiladores, servidores / tempos de execução e plataformas (Desktop e Mobile). |
| mydevice.io 2 | Resoluções de dispositivos mais comumente usadas, incluindo telefones e tablets |
| Codepen 2 | Construir, testar e descobrir código de front-end. |
| Responsivamente 2 | Uma ferramenta para designers e desenvolvedores front-end projetarem e depurarem em todas as plataformas com facilidade |
| html2pdf.js 1 | Renderização de HTML para PDF do lado do cliente usando JS puro. |
| Referência CSS 6 | Uma coleção de todas as propriedades e definições css em detalhes |
Gráficos de IU
Sites e recursos com componentes de IU modernos em diferentes formatos, como PSD, Sketch, Figma, etc. Eles são ótimos para ideias para componentes da Web / IU
| Local na rede Internet | Descrição |
|---|---|
| UI Design Daily 100 | Componentes de IU impressionantes de todos os tipos |
| 100 UI diária 32 | Biblioteca Figma gratuita de produtos, elementos e telas |
| Sketch App Sources 18 | Sketch UIs, wireframes, ícones e muito mais |
| Humaaans 29 | Ilustrações legais de pessoas com a capacidade de misturar e combinar |
| Paaatterns 19 | Coleção gratuita de belos padrões para todos os formatos vetoriais |
| thepatternlibrary 18 | Lindos padrões de fundo gratuitos |
| 404 ilustração 25 | ilustrações grátis para 404 páginas |
| Drawkit.io 18 | Ilustrações para designers e startups |
| Undraw.co 10 | Ilustrações de código aberto para qualquer ideia que você possa imaginar e criar |
| Illustration.co 22 | Kit de ilustrações de código aberto |
| Manypixels.co 9 | Ilustrações monocromáticas e isométricas de alta qualidade |
| Opendoodles 15 | Ilustrações esboçadas gratuitas |
| Open Peeps 7 | Biblioteca de ilustrações desenhadas à mão |
| UI Space 20 | Milhares de ótimos brindes de IU |
| Animations.co 23 | Ícones de GIF animados bonitos e personalizáveis |
| Uplabs 14 | Recursos de design de alta qualidade (grátis e premium) |
| InvisionApp 10 | Biblioteca de kits de interface do usuário, pacotes de ícones e modelos gratuitos de alta qualidade |
| Open Doodles 15 | Um conjunto gratuito de ilustrações esboçadas |
| Avataaars 9 | Biblioteca gratuita de esboços de ilustrações de avatares de Pablo Stanley |
| FreebieSketch 13 | Desenhos gratuitos de Sketch, wireframes, ilustrações e muito mais. |
| Blush 7 | Ilustrações personalizáveis gratuitas com Figma Plugin |
| Hero Patterns 18 | Uma coleção de padrões de fundo SVG repetíveis |