ConvertexChrome Extension: Convertex Capture
The Convertex Capture extension lets you capture any section of a website (screenshot, code, colors, fonts) and reproduce it in Webflow.
Estimated time: 5 minutes.
What you need
- The Google Chrome browser
- A Convertex account (create one if you haven't already)
- The AI setup configured (follow this guide if you haven't already), required to send the capture to Claude
Install the extension
Go to the Chrome Web Store
Search for Convertex Capture on the Chrome Web Store, or go to the link from your Convertex account.
Add the extension to Chrome
Click Add to Chrome and confirm the permissions. The Convertex icon appears in your extensions bar.
Pin the extension
Click the puzzle icon in the Chrome bar, then click the pin next to Convertex Capture. The icon stays visible at all times.
How to capture a section
Navigate to the website that inspires you
Go to any website whose design you like.
Click the Convertex Capture icon
The extension activates a selection tool. When you hover over the page, sections are highlighted.
Select the desired section
Click the section you want to reproduce. The extension automatically captures:
- The screenshot (visual image of the section)
- The HTML code of the section
- The computed CSS styles
- The colors used
- The fonts detected
- The JavaScript libraries used (animations, carousels, etc.)
Copy the capture
Click Copy in the extension. Everything is formatted and ready for Claude.
Paste into Claude and request the reproduction
Open a conversation with Claude and paste the capture. Add your instruction:
"Here is a Convertex capture. Recreate this section faithfully with Convertex."
Claude uses the screenshot as a visual reference and the code as a base to generate a result optimized for Webflow.
Convert and paste into Webflow
The code appears in Convertex. Click Convert, then Copy, then paste into Webflow.
Best practices
Capture section by section
This is the most important rule. Never capture an entire page at once.
Why? Each capture sends a lot of data to Claude (image + code). A full page:
- Overloads Claude and degrades quality
- Consumes a lot of tokens (= costs more)
- Produces less accurate results
The right approach: capture the hero, then the features, then the footer, etc. Section by section, Claude does a much better job.
Choose well-defined sections
Select sections with clear visual boundaries: a complete hero, a card grid, a footer. Avoid areas that overlap multiple sections.
Watch your token consumption. Each capture includes a screenshot and code, which increases the volume sent to Claude. Use captures in a targeted way to keep costs under control.
What's next
The extension is installed. Check out the practical guide Recreate a website you've seen for a complete usage tutorial.