19th Ave New York, NY 95822, USA

19 free web design tools from the winter of 2018

The use of free resources from the design community is a good way to add value to your website.

Here is a list of new web tools and design elements for the winter of 2018. There are design and development applications, fonts, content tools, and more. All this is free.

Free Web Tools

Duotone . Duotone is a new tool from ShapeFactory, a collection of simple design tools for everyone. Download an image or find one on Unsplash, then set two colors to create cool bichrome images.


Pigment. Another tool from ShapeFactory, Pigment is a unique way to generate fresh and vibrant colors based on lighting and pigments. Find a beautiful color palette in seconds to launch your next project.

Gradient. A third tool in ShapeFactory, Gradient is a gradient tool based on chromatic effects, setting of pigment levels and lighting.

Yo! Yo! Is a new website design vlog by the creator of One Page Love Rob Hope. Yo! presents website designs, software reviews, design related news and a bit about Rob's story.

[youtube https://www.youtube.com/watch?v=VbR18EYAzfE?feature=oembed&w=500&h=281]

Keepflow. Keepflow is a project management platform for designers. The automation of customer integration features a pre-built dynamic questionnaire. Keepflow accurately records your customer's specific design needs, basic details, and payment information. Early access to the beta version is free.

FontRapid. FontRapid is a free font-creation plugin for Sketch. Create OpenType fonts that can be used for print, web, and mobile.

Learn the CSS grid. CSS Grid is a layout system for quickly creating flexible two-dimensional layouts. This is a series of free videos to learn CSS Grid.

CSS Gridish. Starting from IBM, CSS Gridish allows you to automatically create the CSS grid code of your grid design, the CSS Flexbox fallback code, the Sketch Artboards tool and the Chrome extension .

<img class="wp-image-149104 size-full" src="https://businessdigit.com/wp-content/uploads/2018/03/1520860052_948_19-free-web-design-tools-from-the-winter-of-2018.jpg" alt=" CSS Grid "width =" 500 "height =" 283 "/>

CSS Grid

Scrimba Scrimba is a new way to teach and learn to code through interactive code screencasts. Scrimba allows you to interact with the code in the screencast whenever you want. Scrimba screencasts have a small file size, so you can watch tutorials even when your Internet connection is slow.

Detectron. Detectron is the software of Facebook AI Research that implements algorithms for object detection. Detectron has enabled many research projects, including pyramid networks for object detection and the detection and recognition of interactions between humans.

Snippetnote. Snippetnote is a note-taking app centered on privacy. Save your page and note the data in your browser. It also highlights the syntax of the code for many programming languages.

Buy me a coffee. Buy Me A Coffee is a free platform allowing creators to receive donations from their audience in a quick and friendly way. Share your link or place the button on your site to obtain capital.

<img class="wp-image-149106 size-full" src="https://businessdigit.com/wp-content/uploads/2018/03/1520860052_946_19-free-web-design-tools-from-the-winter-of-2018.jpg" alt=" Buy me a coffee "width =" 500 "height =" 283 "/>

Buy me a coffee

Free Fonts For Collectibles

Bona Nova. Bona Nova is a digital update of the Bona font, designed in 1971 by Andrzej Heidrich, the creator of Polish banknotes. The character set is developed with small caps, alternatives and OpenType functions. There are two new versions and six display fonts.

<img class="wp-image-149110 size-full" src="https://businessdigit.com/wp-content/uploads/2018/03/1520860052_754_19-free-web-design-tools-from-the-winter-of-2018.jpg" alt=" Bona Nova "width =" 500 "height =" 294 "/>

Bona Nova

Build! Created by Daniele Capelli, Build! Typface is a sans serif that is inspired by German editorial design and their strong fonts. It is useful for strings and logos because of its solid geometry and average weight.

<img class="wp-image-149111 size-full" src="https://businessdigit.com/wp-content/uploads/2018/03/1520860052_800_19-free-web-design-tools-from-the-winter-of-2018.jpg" alt=" Build! "Width =" 500 "height =" 279 "/>


Hangbird. Hangbird is a modern brush script with lots of alternate characters, swashes and underlines. Hangbird is a good choice for logos, titles and lettering parts.

<img class="wp-image-149112 size-full" src="https://businessdigit.com/wp-content/uploads/2018/03/1520860052_234_19-free-web-design-tools-from-the-winter-of-2018.jpg" alt=" Hangbird "width =" 500 "height =" 247 "/>


Neon one. Neon One is an example of a free font file from the Animated Neon Social Media Kit created by Brandspark. It features a complete set of uppercase characters as well as basic numbers and punctuation, all in a vintage neon style.

<img class="wp-image-149113 size-full" src="https://businessdigit.com/wp-content/uploads/2018/03/1520860052_325_19-free-web-design-tools-from-the-winter-of-2018.jpg" alt=" Neon One "width =" 500 "height =" 271 "/>

Neon a

Fixer. Fix is ​​a simple and bold geometric font with seven weights to play and stack.

<img class="wp-image-149115 size-full" src="https://businessdigit.com/wp-content/uploads/2018/03/1520860052_246_19-free-web-design-tools-from-the-winter-of-2018.jpg" alt=" Fixer "width =" 500 "height =" 296 "/>


Reggae of the sun. Sunshine Reggae is a thick, lowercase font for a bold, user-friendly design.

<img class="wp-image-149109 size-full" src="https://businessdigit.com/wp-content/uploads/2018/03/1520860053_469_19-free-web-design-tools-from-the-winter-of-2018.jpg" alt=" Reggae of the Sun "width =" 500 "height =" 285 "/>

Reggae of the Sun

Highlander. Highlander is a beautiful script with a lot of energy. It comes with a lot of glyphs, including numbers, swashes, punctuation and multilingual support.

<img class="wp-image-149116 size-full" src="https://businessdigit.com/wp-content/uploads/2018/03/1520860053_69_19-free-web-design-tools-from-the-winter-of-2018.jpg" alt=" Highlander "width =" 500 "height =" 302 "/>


Leave a comment