21 Free Web Design Tools From Summer 2020

Free resources from the design community can add value to an ecommerce site. Here is a list of new web tools and design elements from summer 2020. There are designer and developer apps, coding resources, color tools, fonts, and more. All of these tools are free, though some also offer premium versions.

Free Design Tools

Editor X is a web creation platform for designers and agencies. Build data-driven sites and complex web applications. Create and launch unlimited projects for free. Upgrade to add a custom domain, enable online payments, and more. Editor X is part of Wix.

Editor X

Isoflow is a tool for creating isometric diagrams for presentations, documentation, and illustrations. Simply move an icon, and its connectors and labels will follow.

Lemon.io matches your startup with a vetted, freelance developer. Find a developer or chief technology offer for your project or business. Use assisted matching with a no-risk replacement guarantee. Pay no fees other than the developer’s hourly rate.

Papercups is an open-source live-chat web app written in Elixir with an optional hosted version at App.papercups.io.

Papercups

RevKit is a user-interface design kit for Sketch, Figma, and Adobe XD. It includes ready-to-use components, symbols, icons, and styles for quick iterations.

NSFW Filter is a browser extension to detect and filter not-safe-for-work images.

Formbutton lets you create a simple button on your site that pops up a contact form. Customize almost every aspect of Formbutton, including text, fonts, icons, colors, submit behavior, data, and error handling.

Formbutton

Webdesign Toolbox, a curated collection of tools and resources for designers and coders, features approximately 1,000 resources in 78 different categories.

Linear is a collaborative management tool to streamline software projects, sprints, tasks, and bug tracking. Manage your team’s progress, workload, and velocity.

VoiceText is an extension for Slack to send searchable voice messages with text transcriptions to any Slack channel or direct message.

SpreadSimple uses the data in a Google spreadsheet to create modern websites with customizable features. Use Google Sheets to manage your inventory, prices, and orders. Get features such as filtering, search, sorting, lead collection via forms, search engine optimization, and more.

SpreadSimple

Basicons is a curated collection of basic, customizable icons for product design and development. Basicons is updated and refined weekly.

Device Shots generates device mockups that include screenshot images. Choose between different device categories or select a social platform. Customize the canvas background color. Then download the generated mockup as a high-resolution PNG image.

Hosting Checker Tool lets you identify the host any website. Enter the URL or domain name, and get the results on the host’s, name, IP address, data center location, and contact details.

Free Faces is a curated collection of free fonts. Browse by styles: sans, serif, cursive, slab, monospace, and display. The site is from Simon Foster, the digital lead at Hamilton-Brown, a design agency.