Media
5 items
Description
Pro Webflow Designer tools: px to rem audit and migration, image alt/loading/size fixes, px/rem helpers, and breakpoint cleanup. MakersTeam Webflow Tools A toolkit that lives inside the Webflow Designer and removes the tedious, repetitive work from building and cleaning up sites. Built by a Webflow studio for Webflow builders. What it does PX / REM audit and migration. Detect whether a project is 16 based or 10 based, scan the whole project, and see every class, tag, and combo class that still uses px. Preview the exact px to rem conversion, then apply it in one click. It respects your base, keeps hairline borders in px, and never touches line height, percentages, em, calc, or var values. Image helper. Scan a single page or the entire project for the things that quietly hurt quality and SEO: missing alt text, hero images that are lazy loaded and slow your LCP, and images with no set dimensions. Jump straight to any image on the canvas, preview it on hover, and fix issues in bulk. Image sizing in the native panel. Set an image to its original size or a HiDPI size with one click, right inside Webflow's own image settings. REM to PX on hover. Hover any size field that uses rem and see its pixel value instantly. Perfect for matching a Figma spec without doing the math. PX to REM on Space. Type a pixel value in any size field, press the spacebar, and it converts to rem using your chosen base. Remembered per project. Remove large breakpoints. Strip the 1280, 1440, and 1920 breakpoints and all of their class styles in seconds, with a preview of exactly what gets removed before anything changes. Why it helps Cleaner, more consistent projects. Faster handoffs. Better performance and accessibility out of the box. Less time spent on the boring parts, more on the design. Free to use. No account required. No data collected.