Sites INCRÍVEIS (e gratuitos) para Desenvolvedores Front-End, Designers, UI e UX

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

Valeu e muito brother, obrigado.

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/

Incrível, continua trazendo mais conteúdos assim pfvr mano

Post topzera!
Gostaria de adicionar o Unsplash.com, site de imgs com direitos autorais livre com altissima qualidade de fotografia.

Manooo, que top vei. Favoritei vários sites aqui no navegador.

Dependendo da sua necessidade o Figma também é de grande ajuda

Figma

Figma é um editor online de gráficos vetoriais com ênfase na prototipagem de interfaces gráficas e estruturas de design de experiência de usuário.

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 :))