Sites INCRÍVEIS (e gratuitos) para Desenvolvedores Front-End, Designers, UI e UX
Opa, eae? Separei alguns sites com ferramentas incríveis que vocês vão gostar!
Canva
Site para edição de imagens, vídeos, logotipos, currículos e muito mais! já fornece um design pronto que vai te ajudar bastante!
Link: Canva
Adobe Color
Site para criar, extrair e pesquisar paletas de cores prontas, ajuda bastante a criar um site com cores harmoniozas
Link: Adobe Color
AutoDraw
Inteligência artificial do google, basta você desenhar algo e a I.A ira completar o desenho
Link: Autodraw
Cleanup Pictures
Precisa remover algum item de uma foto? passe a borracha com essa I.A e ela removerá pra você
Link: Cleanup Pictures
UnScreen
Remova o fundo de um vídeo com a inteligência artificial
Link: UnScreen
PixelHunter
Adicione uma imagem e ele irá recortar no formato de cada rede social.
Link: PixelHunter
Lordi icon
Inúmeros icones animados para seus projetos
Link: Lorde Icon
Fim
Espero que tenha sido útil pra vocês!
Incrível! Vou aproveitar a oportunidade para deixar mais um site:
https://undraw.co/ : Um site de vetores totalmente gratuito, open-source e sem direitos autorais.
Uma dica pro Canva é: se você quer criar um novo design e começar a editar agora mesmo, você pode digitar canva.new e um novo template em branco será criado.
🤙 Tem um post aqui no TabNews que fala mais sobre esses atalhos: Você já conhecia o .new?
Um site que gostaria deixar, é o Laws of UX.
Existem vários conceitos de UX interessantes nesse site, e pode lhe ajudar na hora do seu desenvolvimento.
Outro site interessantíssimo é a Toolbox Ashkay, que engloba um pouco além do UX/UI, mas continua sendo bem útil.
Muito bom, poderia atualizar este post com mais novidades 🚀
Valeu pelas dicas, Joel! Aliás, estive pensando aqui se não seria legal transformar posts desse tipo em threads, onde as pessoas possam adicionar as contribuições delas no contexto da publicação. Sei que qualquer um pode fazer isso aqui pela aba de respostas mas ter meio que um "post-mestre" pra concentrar essas dicas é uma ideia interessante. Vi algo parecido com a sua postagem nesse link e pensei a mesma coisa. Abraços!
Se tem uma coisa que eu gosto muito é utilizar ferramentas assim, de verdade, eu sou fã de várias! Eu não tenho boas dicas, não é necessário da área de designer mas já me ajudam demais. :)
ChatGPT
POLÊMICO EM! Esse aqui tem me ajudado muito pois tem me ajudado muito no dia a dia, quem não conhece vale muito a pena. Basicamente é uma IA parecida com github copilot, porém com esteróides. https://chat.openai.com/chat
4 DEVS
Essa é uma daquelas ferramentas indispensáveis que auxilia o desenvolvedor a criar dados fictícios para testes, eu já usei em alguns projetos de CRUD para estudos. https://www.4devs.com.br/gerador_de_placa_automoveis
FabPic
Deixe sua screenshot mais bonitas e elegantes https://www.fabpic.app/
Json Cracker
Para quem trabalha com Json essa é uma boa maneira de visualizar os dados contidos no documento, essa ferramenta transforma a estrutura do arquivo em um mindmap. https://jsoncrack.com/editor
README.SO
Esse é bem legal, eu peguei a dica na comunidade, ele ajuda a organizar melhor um documento de readme.md. https://readme.so/pt
Draw.io
Esse aqui despensa comentários, estou testando a alguns dias e já tenho bons resultados com ele. https://app.diagrams.net/
Messletters
Este é um site extra dessa lista, pois eu consigo ver alguns tipos de letras e inclusive testar em alguns projetos de designer (não sou profissional da área) e com isto vê qual "conversa" melhor com sua arte. https://www.fabpic.app/
Invertexto
Esse aqui talvez muita gente já conheça, é bem bacana para quem trabalha com dev. https://www.invertexto.com/
Não tenho dicas para contribuir pra desejo parabéns pela lista e com certeza vou usar a maioria das dicas
Minhas contribuições ao post.
Gerador de paleta de cores que são harmônicas entre si https://coolors.co/
Ajuda a criar gradientes https://cssgradient.io/
Busca imagens svg legais pra por em landing page https://undraw.co/search
Outro gerador de gradiente legal https://www.svgbackgrounds.com/
Post topzera! Gostaria de adicionar o Unsplash.com, site de imgs com direitos autorais livre com altissima qualidade de fotografia.
cara que dica sensacional, tava precisando muito! 🎉
[FRONT-END] Tenho um lista de bancos de imagens grátis que também pode ajudar
Freepik - freepik.es Flickr - flickr.com Pexels - pexels.com StockUp - stockup.sitebuilderreport.com Unsplash - unsplash.com RawPixel - rawpixel.com PicJumbo - picjumbo.com Reshot - reshot.com
Cara sensacional, gostei demais, valeu ai pelas dicas, o que mais me chamou atenção na verdade foi o site de icones, já to até pensando em como usar alguns no meu próximo portfólio...
Post super útil e comentários mais que perfeitos! Muuito bom galera, todo o meu acervo já foi citado rsrs, nada a contribuir por enquanto, só agradecer :))