22 Free Web Design Tools from Summer 2018

Add value to your website by utilizing free resources from the design and development community. Here is a list of new web tools and design elements from summer 2018. There are designer and developer apps, icon sets, fonts, and more. All of these are free.

Design and Development Tools

Fusion.js is an open source web framework from Uber’s web platform team. Fusion.js makes web development easier and produces lightweight, high-performing apps.

Fusion.js.

Malvid helps you to build, document, and visualize components by turning a directory into an interactive user interface. It visualizes components to improve how your team works with them. It doesn’t force a defined directory structure, templating language, or development tool.

Font Playground uses variable design for experimenting with new fonts. Variable fonts reshape themselves to your liking, adapting to changes in the text frame while maintaining proportion.

Picular is a search engine for colors. Just enter a color and press enter. Picular will generate a selection of related hues and their corresponding color codes.

Picular

Drawser is a free browser-based vector-graphics editor with powerful features for professional design. Export images or share your creations on the platform.

Shrink Me is a tool to reduce your image-file sizes without suffering visual quality loss — making your sites and apps faster for your users.

Maze is an analytics tool to discover how real users interact with your prototype. Define missions, collect actionable insights, and analyze how your design performs, without having to write code.

Maze

Overflow is a platform that integrates and syncs with popular design tools to create user flows. Overflow helps designers and product managers present their ideas by smoothly navigating between their creations.

Codementor is a coding community and on-demand marketplace for software developers. Find a coding mentor, get answers to complex problems, or find a freelancer.

DevTube aspires to be the YouTube of the software development community. Browse through thousands of videos by speakers, tags, or channels.

Whimsical is a tool to collaborate on your ideas visually. Design better user flows and software architecture diagrams. Create instant wireframes with a library of configurable elements at your fingertips. Free for up to four diagrams.

Whimsical

Vector Art Illustrations is a collection of free icon and logo sets, including icons for business, search engine marketing, and bitcoin uses.

150 Vector Icons is a free collection in 15 different categories, including business, adventure, food, and music. The pack comes in colored, outline, and monochromatic.

unDraw is a tool for illustrations with MIT licenses, which is a free software license originating at the Massachusetts Institute of Technology. Access the collection of SVG images to use free and without attribution.

20+ Animated Logos is a gallery of high-quality animated logos.

20+ Animated Logos

Free Fonts

Heptal is a typeface family with five weights, including true italics. The geometry of the characters is neo-gothic, and the serifs are polygonal concave or inverted Tuscan.

Heptal

—

Abhaya Libre is based on FM Abhaya, an interpretation of the Sinhala letterpress typefaces from the 1960s. Abhaya Libre was redrawn from scratch to comply with modern-day usage (i.e., smaller sizes for smartphones).

Abhaya Libre

—

Jomhuria is a dark Arabic and Latin display typeface, suitable for bold titles and banners. Jomhuria was inspired by Shablon, a font designed 30 years ago in Iran.

Jomhuria

—

Library 3 AM is a one-line font. It comes in two styles (regular and soft) and supports Cyrillic and multiple languages. Library 3 AM is suitable for logos, posters, headlines, signage, and neon titles.