Back to tutorials
User / Level Icon
Gear Time Icon
Time Icon

Must-Have Webflow Tools Part 1 - Derek Siu Headshot smiling

Taught by:

Derek Siu

In this new series, we will explore must-try tools (in no particular order) for freelancers specifically in the website design and Webflow development field.

Copy Code

As a freelance website designer or Webflow developer, having the right tools can make all the difference in your productivity and the quality of your work. In this blog post, I'll introduce you to three essential tools that can elevate your design projects and streamline your workflow. These tools are,, and

Enhance Your Visual Storytelling

Visual storytelling is a powerful way to engage your audience and communicate your message effectively. provides a vast library of customizable illustrations that you can use to enhance your web designs.


  • Customizable Illustrations: Easily modify colors, elements, and styles to match your brand.
  • Diverse Categories: Find illustrations for various themes, including business, education, technology, and more.
  • User-Friendly Interface: Quickly browse and download illustrations without any hassle.

How to Use

  1. Visit Explore the extensive library of illustrations.
  2. Customize Your Illustration: Use the online editor to adjust colors and elements to fit your design.
  3. Download and Integrate: Download the illustration in your preferred format and integrate it into your Webflow project.

Analyze Website Technologies

Understanding the technologies used in existing websites can provide valuable insights for your projects. is a tool that identifies the technologies used on any website, including content management systems, e-commerce platforms, web frameworks, and more.


  • Comprehensive Analysis: Discover the full tech stack of any website.
  • Browser Extension: Use the Wappalyzer browser extension for quick analysis while browsing.
  • Competitor Insights: Gain insights into your competitors' technology choices.

How to Use

  1. Install the Browser Extension: Download the Wappalyzer extension for your preferred browser.
  2. Analyze Websites: Visit any website and click the Wappalyzer icon to see the technologies used.
  3. Leverage Insights: Use the information to inform your technology decisions and improve your web development strategies.

Access High-Quality Free Stock Photos

High-quality images can significantly enhance the visual appeal of your web designs. offers a vast collection of free stock photos and videos that you can use in your projects.


  • High-Quality Images: Access thousands of high-resolution photos and videos.
  • Free to Use: All images and videos are free to use for personal and commercial projects.
  • Easy Search: Quickly find the perfect image with Pexels' intuitive search functionality.

How to Use

  1. Visit Browse the extensive library of photos and videos.
  2. Search for Images: Use keywords to find images that match your design needs.
  3. Download and Use: Download high-resolution images and integrate them into your Webflow projects.


Incorporating the right tools into your workflow can greatly enhance your productivity and the quality of your web designs.,, and are three essential tools that every freelance website designer and Webflow developer should have in their toolkit. Start using these tools today to boost your workflow and create stunning web designs.

How Did You Find This Tutorial?
Ready to implement this tutorial?
Get started with Webflow Today!
Webflow Icon Logo
Signup For A Free Webflow Account
Stay updated with my Newsletter!
Have Any Further Questions?
Contact Me
Basic Linkedin Icon
Basic Pinterest Icon
Basiic Maill iicon