Design & Dev Tools

20 Free Web Design Tools from Summer 2022

Free resources from the design community can greatly enhance an ecommerce site.

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

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

Free Design Tools

Illusto is an intuitive, cloud-based video-editing tool, offering more than 200 transitions, filters, and effects. Add an extra layer of messaging with pre-recorded or live voiceovers. The beta model is free to use for all. The first 200 signups will receive free access to the upcoming premium subscription.

Home page of Illusto


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

Gradientify is a free, web-based gradient editor with 100-plus versions. Generate a color gradient. Make tints and shades of single color right in the browser. Save gradients, add a new gradient, copy CSS, download PNGs, and more.

Locofy 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, make 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 start quickly from a template. Daftpage’s editor offers an intuitive and powerful interface similar to Notion. Free for up to three pages.

Home page of Daftpage


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

Motionity is a free and open-source animation editor on the web. It’s a mix of Adobe After Effects and Canva, with advanced features such as keyframing, masking, filters, and more.

Feathery lets product teams 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 up to five forms and 250 submissions per month.

Artboard Studio has relaunched from a mockup tool to a comprehensive content creation platform, combining Figma design with After Effects motion. With vector, image, audio, and video all in one, users can combine multiple assets to make dynamic content in the browser. Free for up to three projects.

Home page of Artboard Studio

Artboard Studio

Sprig has launched a browser-based “Concept & Usability” for unmoderated tests with unlimited seats, Figma prototypes. and templates for test flows. The free option offers one shareable link study and one concept test.

Thread Magic converts whole Twitter threads into carousel-style PDFs to share across social media. Use it to create content and expand your presence.

HubSpot CMS has 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 to brainstorm with a team, create flow charts, start a mood board, and more. Communicate in real-time. Access graphic elements such as sticky notes, text comments, emojis, and a timer tool. The basic plan is free.

Home page of Canva Whiteboards

Canva Whiteboards

Free Fonts

Vector Line is a modern font from Alexandr Reznik. It’s ideal for eye-catching displays, available in uppercase only.

Home page of Vector Line

Vector Line

Machérie offers a classic inspiration with high contrasts and smooth transitions to sharp serifs.

Home page of Machérie


Tacos is a big-and-bold, thick-and-wide display font. It’s a friendly and appealing sans serif that stands out.

Home page of Tacos


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

Home page of Hinge


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

Home page of Project Space

Project Space

Chinook is a throwback to Italian movie titling from the 70s and 80s. Despite its vintage flair, Chinook is adaptable for any contemporary context and offers free and premium versions.

Home page of Chinook


Valverde is a super-serif family with two widths, each with 18 fonts. It has a vintage feel and an elegant, sharp impression.

Home page of Valverde


Sig Ueland
Sig Ueland
Bio   •   RSS Feed