# My Webflow Developer Setup! Documentation3 minPublished on Mar 20, 2023Updated on ![3D mockup of a web designer and Webflow logo with Digidop's Power Yellow](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67117a2605db97d2205b26ce_64760069e93084646c9ef211_626fb704ab93d7cdf0872a8a_Open-Graph-webflow-setup.png)Table of contents [ Copied](#)[ ](#)[ ](#)[ ](#) - [H2 Example](#) Use AI to summarize this article[ ChatGPT](#)[ Claude](#)[ Grok](#)[ Perplexity](#)[ Google AI](#)Key points‍*Webflow is a modern alternative to WordPress that enables the creation of websites without coding. Therefore, I can be considered a no-code web developer.* Today, I will share with you** my technical setup,** the **computers and accessories** I use as a **Webflow developer**. In fact, I have two setups: - 100% agile, my **digital nomad setup** (Digidop is a company born fully remote) - **Fixed setup**, a version for the office ## The Webflow Developer Kit (Digital Nomad) Digidop is a post-Covid-19 company that started completely remote. We didn't have an office the first year, and it wasn't a problem at all. With no-code tools, a good setup, and a Wi-Fi connection (or tethering, depending on the location 😂), we can **work anywhere in the world. ** My first configuration is therefore a portable setup, tailored to the "digital nomad" lifestyle. ### 1 - MacBook Pro 14' This is a Ferrari. No more, no less. A machine that combines beautiful design with power. ![MacBook Pro 14 inches - Space Gray](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67117a2705db97d2205b2754_64760069e93084646c9ef076_626fb3dc376f2a88b0047cda_macbook-pro-m1-14p.png)MacBook Pro M1 chip ### 2 - Magic Trackpad 2 I love using the Magic Trackpad to navigate between my tabs or in Figma mockups. ![Magic Trackpad - Apple - White](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67117a2705db97d2205b275c_64760069e93084646c9ef074_626fb3fd35ad8ad6913ee90a_magic-track-pad.png) ### 3 - Laptop Stand This stand from the "Besign" brand is practical, sturdy, and affordable. It allows for an elevated position, which is more comfortable when you’re sitting with your laptop somewhere. ![Laptop Stand](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67117a2705db97d2205b2750_64760069e93084646c9ef072_626fb4196bd42180a3e69b59_support-ordinateur-besign.png) [Link to Amazon](https://www.amazon.com/Aluminum-Ergonomic-Adjustable-Notebook-Compatible/dp/B08BKVGY3S) ## The Web Developer Kit (Fixed Version 🖥) A little over a year after launching our agency, we secured our first office space. We have thus invested in a **fixed setup.** It also serves as a technical "backup" in case of a failure with our mobile equipment. ### 1 - Apple iMac 24' A beautiful, large screen with 16GB RAM and two Thunderbolt/USB 4 ports + Two USB 3 ports. ![iMac 24 inches Silver](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67117a2705db97d2205b274d_64760069e93084646c9ef075_626fb42d5f3e8be587f884ec_imac-24%252527.png) ### 2 - Herman Miller Sayl Chair A chair as beautiful as it is comfortable. A little bonus, choose the lumbar support option. ![Sayl Office Chair, Black](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67117a2705db97d2205b2759_64760069e93084646c9ef078_626fb44c3f74e2c75b478eb3_siege-sayl-herman.png) ### 3- Sit/Stand Desk - TROTTENT Architect desks allow you to sit or stand while working. With a handle, a mechanism raises and lowers the desktop. This allows you to switch between sitting and standing throughout the day. I use the TROTTENT desk from Ikea, which offers good quality at an affordable price. ![TROTTENT Desk in White from Ikea](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67117a2705db97d2205b275f_64760069e93084646c9ef073_626fb4672390aa0ac9084ccc_bureau-trotten.png) [Link to the Ikea site](https://www.ikea.com/us/en/cat/trotten-system-55989/) ### 4 - Shure MV7X Microphone This microphone is perfect for: - Recording tutorials for your YouTube channel - Recording loom videos for clients upon project delivery ![MV7 Microphone in Black](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67117a2705db97d2205b2765_64760069e93084646c9ef077_626fb47cdc441c1ca7483735_micro-mv7.png) [Link to the microphone ](https://www.shure.com/en-US/products/microphones/mv7?variant=MV7%252B-K) ### 5 - Second Screen The second screen is a real comfort for web developers. With it, you can have, for example, the Figma mockup open while using Webflow on your other screen to develop pages in the designer. This way, you have everything you need at a glance, without having to switch windows. For the second screen, we chose the Huawei 24' AD80HW PC monitor. The graphic resolution isn’t great, but the screen is affordable. ### 6 - Magic Trackpad 2 No more need for a mouse. No more double scrolling on the pad. ## What is the price of a good setup for Webflow development? You guessed it, having a good setup comes at a cost. (1) The mobile developer kit cost me an investment of: €2413.99. - MacBook Pro 14 inches: **€2,249.00** - Magic Trackpad: **€135.00** - Laptop Stand:** €29.99** (2) The web developer kit to set up at a desk is an investment of: €3467.99. - Apple iMac 24': **€1,899.00** - Herman Miller Sayl Chair: **€750.00** - TROTTENT Desk: **€239.00** - Shure MV7X Microphone: **€285.00 ** - Huawei 24' PC Monitor: **€159.99** - Magic Trackpad: **€135.00** This amount represents a significant investment. Having high-performance equipment is essential if you want to become a "No-Code" creator or a Webflow developer. Why? Having a **powerful computer will allow you to work** much** faster** and therefore complete much **more projects**... And generally, you will be paid by the hour or for each project. [ ](#)![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)