# The no-code toolbox for the Webflow developer Documentation3 minPublished on Mar 20, 2023Updated on ![Webflow logo with plenty of no-code tools in the background.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671268d4501df2e527e0a4f7_64760069e93084646c9eec9a_62502309efc493155f8914c8_Open-Graph-no-code-tools-for-webflow.png)Table of contents [ Copied](#)[ ](#)[ ](#)[ ](#) - [H2 Example](#) Use AI to summarize this article[ ChatGPT](#)[ Claude](#)[ Grok](#)[ Perplexity](#)[ Google AI](#)Key points‍**Webflow** is a "website builder," a platform that helps you create, edit, and manage websites from a visual interface. It serves as an alternative to WordPress, Wix, or Shopify. After more than a year of using this no-code tool, I present to you **my stack of tools** that, in my opinion, are the **best tools to use for a web developer in 2022**. ## Essential tools for a Webflow developer ### Webflow: No-code website This goes without saying, but I’ll say it anyway. [Webflow](/webflow) is the no-code creation tool that allows you to build responsive and high-performing websites, which can be managed directly by your clients from the editor mode. ![Webflow designer interface](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671268d5501df2e527e0a521_64760069e93084646c9eeca3_6257d5e0ee20ad49d1cff378_webflow-designer.png)Webflow "Designer" interface ### Figma: Mockup & Design (UX/UI) [Figma](/tools/figma) is a more collaborative alternative to Sketch and Adobe XD. It allows you to visualize and interact with the UX/UI layout of a website mockup in development. With designer notes, dedicated style guide pages, and branding guidelines, mastering Figma will enable you to quickly understand the layout and recreate it pixel by pixel in Webflow's design tool. ![Figma mockup](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671268d5501df2e527e0a525_64760069e93084646c9eec9f_6257d5beb13b1db8a6ded95c_mockup-figma.png)Figma mockup ### Loom: Video Recording [Loom](/tools/loom) is a Chrome extension that allows you to easily record and share videos of your screen, webcam, or both. It's faster than typing an email or setting up a meeting on Zoom or Google Meet. This tool is very useful for instance for: - Presenting the website upon project delivery - Creating tutorials or videos for your YouTube channel - Requesting feedback quickly and visually ### ILOVEIMG: Compress JPG, PNG, SVG, or GIF Compress the visuals of your site with [ILOVEIMG](https://www.iloveimg.com/) (images, icons, or GIFs) for a website that loads quickly. ### Finsweet Attributes: Webflow extension The [Finsweet Attributes](/blog/fine-tune-attributes-finsweet-webflow-boost) are a library (Jquery) that allows you to unlock new features for Webflow collections. - Filtering - Slider Collection - Nested Collection - Etc... This product is one of the most well-known from the Webflow expert agency Finsweet and is 100% free. ### Weglot: Multilingual site [Weglot](/tools/weglot) allows you to make your site multilingual, optimized for international SEO, in less than 10 minutes. A fantastic "Webflow Plugin." (promo code -20%: DIGIGLOT) ![Weglot "add a language" function](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671268d5501df2e527e0a529_64760069e93084646c9eeca6_6257d609c998726529f3bcdf_weglot-add-a-language.png)Weglot, adding a translation language in 2 clicks ### Bootstrap: Free Icons [Bootstrap](https://getbootstrap.com/) is a platform for icons in SVG, HTML, CSS, JS formats for websites and web applications. This type of format allows you to customize your icons and animate them within your website. ## Discover more tools This kit is **everything a Webflow developer needs.** But there are also other useful tools available to enhance your web project management (Coda, Slack, Notion, Airtable, and Zapier...) Check them out in the [No-Code agency's toolbox](/tools)! [ ](#)![Florian Bodelot](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a725470105160732b0a8a_florian-website-vf.webp)Florian BodelotCo-founder[ ](/team/florian-bodelot)[ ](https://fr.linkedin.com/in/florian-bodelot-digidop)[ ](https://twitter.com/florian_bodelot)+1200 readers ## Stay ahead of the curve! Subscribe now for expert insights. [Subscribe ](https://digidop.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Preview Newsletter ](https://digidop.substack.com/) ## Suggested articles ![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab922fa556f97c19ea7db9a_Best%20B2B%20SaaS%20Agencies%20in%202026_EN.webp)DocumentationAll blog post ### Top 20 Web & Digital Agencies for B2B SaaS in 2026 [Top 20 Web & Digital Agencies for B2B SaaS in 2026](/blog/best-b2b-saas-agencies)Top 20 Web & Digital Agencies for B2B SaaS in 2026![Webflow Source interface showing AI agents, website editing, and role-based Views in a unified workspace.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDevelopmentAll blog post ### Webflow launches Source. Our take on this shift. [Webflow launches Source. Our take on this shift.](/blog/webflow-launches-source)Webflow launches Source. Our take on this shift.![Citation rate by AI platform: ChatGPT 100%, Perplexity 100%, Gemini 67%, and Claude 0%.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationAIAll blog post ### Make Your Website Visible in ChatGPT, Perplexity, and AI Answers [Make Your Website Visible in ChatGPT, Perplexity, and AI Answers](/blog/make-your-website-visible-in-chatgpt-perplexity-and-ai-answers)Make Your Website Visible in ChatGPT, Perplexity, and AI Answers[See all articles ](/blog)Every great website   starts with a conversation[Talk to an expert ](/contact)[Book a call ](/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)