Buscar

Ferramentas da web que podem facilitar sua rotina

Neste artigo, o dataholic Vinícius Medeiros, vai nos contar um pouco sobre as ferramentas que podem facilitar a vida de qualquer desenvolvedor de sites, sendo designer ou não. Vem conferir!


Existem muitos sites e extensões que agilizam bastante o processo de desenvolvimento de aplicações da web. Vamos falar sobre algumas ferramentas que são ótimas para desenvolvedores web front-end.


unDraw

Aqui podemos buscar e encontrar milhares de imagens do tipo SVG e PNG que podem ser utilizadas nos projetos, imagens muito úteis e criativas que com certeza deixarão seu site mais charmoso e elegante. Podemos customizar as cores e para usar é só clicar na imagem e fazer o download escolhendo o formato.


Figma


Ferramenta de UI Designer, através do Figma podemos criar interfaces modernas. Sendo online e gratuito, nessa plataforma podemos criar protótipos de sites que tornarão toda a produção de código mais fácil, pois com o modelo que o Figma proporciona podemos ver a fonte, margens, tamanho de fonte etc. Todo o processo de construção do design pode ser feito de forma simultânea, já que o site permite que vários usuários editem ao mesmo tempo.



HTML Color Codes

Esse site permite extrair o código de cores hexadecimal, ou seja, o código de identificação de tal cor. Ao estilizar sua página você pode utilizar essa ferramenta e adquirir qualquer cor na forma hexadecimal e pesquisar por ela de forma assertiva.



Coolors

Quando queremos criar uma versão dark (escura) do site e não temos nada em mente, usar o coolors é a melhor opção. É possível pegar várias combinações de cores de forma que elas combinem e sejam elegantes.


Flaticon

Com o Flaticon podemos pegar diversos ícones que podemos utilizar de diversas formas, inclusive para colocar como ícone da aba do navegador. Esse site contém milhares de ícones com tipos e cores variados.


Styled Icons

Se você estiver usando o Styled components (ferramenta de estilização) você pode usar o Styled icons para capturar ícones e utilizar no seu projeto. Em breve teremos um vídeo dessa ferramenta no nosso canal, inscreva-se.



Transparent textures

Esse site contém vários planos de fundo com diversos tipos de textura, basta escolher uma cor e mergulhar pelo longo catálogo de texturas que o site tem, ele pode ser útil quando quisermos criar algum design ou até mesmo colocar como plano de fundo de algum projeto.




Gostou do conteúdo? Então fique ligado no blog da Sidelab para acompanhar todos os nossos conteúdos sobre o mundo Dev.💚💻