Home Web design 20 free web design tools from summer 2022

20 free web design tools from summer 2022


Free resources from the designer community can greatly enhance an e-commerce site.

Here is a list of new summer 2022 web tools and design elements. There are video editors, analytics tools, gradients, web page builders, usability tools, content creators, free fonts , etc.

All of these tools are free or have free plans, although some also offer premium versions. Fonts are free for commercial projects. Before using a font, be sure to check its terms.

Free design tools

Drawing is an intuitive cloud-based video editing tool, offering over 200 transitions, filters and effects. Add an extra layer of messaging with pre-recorded or live voice overs. The beta model is free for everyone. The first 200 subscribers will receive free access to the next premium subscription.


Tydo is an analytics platform for Shopify merchants. Get a high-level snapshot of your store. Receive email reports on your important metrics.

Degrade is a free, web-based gradient editor with over 100 versions. Generate a color gradient. Create unique color tints and swatches right in the browser. Save gradients, add new gradient, copy CSS, download PNGs, etc.

Locofie writes production-ready code for mobile apps and the web in the language of your choice. Try Figma for React, React Native, HTML-CSS, Gatsby, Next.js, and more. Tag responsive designs, build components, get live prototypes, and export or deploy code. The beta version is free.

Daftpage is an easy website builder for landing pages and simple sites. Drag and drop to create unique layouts or quickly start from a template. Daftpage’s editor offers an intuitive and powerful interface similar to Notion. Free up to three pages.

Daftpage homepage


Policeman is a Windows and Mac application that backs up your Google Docs by converting them to usable formats for your local system (e.g. desktop, USB flash drive, external drive).

emotionality is a free and open-source web-based animation editor. It’s a mix of Adobe After Effects and Canva, with advanced features like keyframes, masking, filters, and more.

feathery allows product teams to create customizable, developer-friendly forms without having to code. Build your custom design and component system with drag-and-drop controls. Add conditional step branches, loops, and multiple entry and exit points. Free for up to five forms and 250 submissions per month.

Countertop Studio has evolved from a mockup tool to a complete content creation platform, combining Figma design with the After Effects movement. With vector, image, audio and video all in one, users can combine multiple assets to create dynamic content in the browser. Free up to three projects.

Artboard Studio homepage

Countertop Studio

Strand launched a browser-based “Concept & Usability” for unmoderated testing with unlimited seats, Figma prototypes. and templates for test streams. The free option offers a shareable link study and a concept test.

wire magic converts entire Twitter feeds into carousel-style PDFs for sharing on social media. Use it to create content and expand your presence.

HubSpot CMS launched a new suite of free content management tools, including a theme library, drag-and-drop editor, cloud hosting, website analytics, and more.

Canva whiteboard is a new collaborative tool for brainstorming with a team, creating org charts, starting a mood board, and more. Communicate in real time. Access graphical elements such as sticky notes, text comments, emojis and a timer tool. The basic plan is free.

Canva Whiteboards Home Page

Canva whiteboards

Free fonts

Vector line is a modern typeface by Alexandr Reznik. It is ideal for eye-catching displays, available in all caps only.

Vector Line Home Page

Vector line

My darling offers classic inspiration with high contrasts and smooth transitions to crisp serifs.

Machérie homepage

My darling

Tacos is a large and bold, thick and wide display font. It’s a friendly and attractive sans that stands out.

Tacos home page


Hinge is a modern serif typeface suitable for banners, brands and logos.

Hinge Home Page


Project space is a futuristic display font from Ver Wave. It includes Latin and Cyrillic characters, as well as numbers and symbols.

Project Space homepage

Project space

Chinook is a throwback to Italian movie titles from the 70s and 80s. Despite its vintage flair, Chinook fits any contemporary setting and offers both free and premium versions.

Chinook Homepage


Valverde is a family of super serifs with two widths, each with 18 fonts. It has a vintage feel and a sleek, clean print.

Valverde homepage