4 Must Have Free Tools for Developers

Work smart not hard

Deepak Gangwar
Sep 14 · 4 min read
Image for post
Image for post
Photo by Dean Pugh on Unsplash

When I started as a front end developer, I did everything the hard way. If you are anything like me, the hard way comes to you naturally. This was degrading my productivity. So I decided to look for the tools that can help me do things in a smart way rather that the hard way.

Here are some of the essential tools that help me in my workflow. The best part is that these all are free to use for as long as you want. I believe these will help you too.


1. Bundlephobia

A lot of developers use several libraries or dependencies in their projects. This can give you certain functionality without much trouble. However, it can add to your bundle size and thus increase loading times. We have to make a wise decision on which dependencies to use and whether to use them or not.

Bundlephobia is a great tool that lets you know the bundle size of your packages. Bundlephobia tells you the minified size, minified and gzipped size, as well as the download time on varying download speeds. Just search for the node package you want to add or paste the JavaScript code directly into it. It also tells if the bundle uses some other dependencies in terms of composition.

Image for post
Image for post
Source: bundlephobia.com

2. Cloudcraft

Cloudcraft is a tool to help you with your cloud architecture in a quick and efficient way. You can plan your project with drag and drop isometric or 2D architecture diagrams on its visual designer interface.

Although it is optimized for AWS, but you can plan any cloud environment you like to work. You can also collaborate with your team and export the plan as presentations or wikis. Cloudcraft shows real-time project budget automatically as you draw. So you can have an idea of budget and plan it accordingly.

Image for post
Image for post
Source: www.cloudcraft.co

3. Figma

Figma is a design tool. And it is hard for me to believe that this tool with professional standards is free. Figma has a desktop app as well as a web app version. A developer can use it to make an initial prototype of the final project. I recommend Figma because design tools like Adobe Illustrator can be expensive for a lot of developers especially when you are a beginner.

The thing I love about Figma the most is that you can design directly in the editor and then copy CSS styles or android code it provides additionally. This makes the design part so efficient as it reduces a lot of trial process.

Image for post
Image for post
Source: figma.com

4. Fontflipper

Fontflipper is a a great resource that lets you choose free fonts for your designs if you do not have much knowledge of design fundamentals and font pairing. You can just upload your design and check how different fonts look. It suggests fonts that pair with your original design, and once satisfied, you can download them.

Image for post
Image for post
Source: fontflipper.com

The Conclusion

There are a ton of resources out there. And it can be overwhelming to choose. And to have good resources for free is a blessing in disguise. I believe these tools will make your life a little simpler as a developer.

These helped me become more productive and efficient in my workflow. I believe these will do the same for you too. Feel free to share your best tools for developers. Thank you for giving your precious time to the story. Happy coding.

Frontend Weekly

It's really hard to keep up with all the front-end…

Deepak Gangwar

Written by

Inspiring people with Self-Improvement, Happiness, Productivity, Writing and some code. Let’s chat deepakgangwar4265@gmail.com

Frontend Weekly

It's really hard to keep up with all the front-end development news out there. Let us help you. We hand-pick interesting articles related to front-end development. You can also subscribe to our weekly newsletter at http://frontendweekly.co

Deepak Gangwar

Written by

Inspiring people with Self-Improvement, Happiness, Productivity, Writing and some code. Let’s chat deepakgangwar4265@gmail.com

Frontend Weekly

It's really hard to keep up with all the front-end development news out there. Let us help you. We hand-pick interesting articles related to front-end development. You can also subscribe to our weekly newsletter at http://frontendweekly.co

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store