Badge Webflow Award Winner 2023

(Instant) Pixel to REM converter for Webflow projects

Published on 
15/3/2022
-
Amended on 
27/3/2023
Reading time: 5 min
webflow pixel in rem
Written by
Florian Bodelot with a T-shirt Digidop

Florian Bodelot

Co-founder

Discover the new converter feature of Finsweet Extension for Webflow: convert pixels to rems on the whole CSS of your Webflow website, in 1 click. Tutorial in French

Key points to remember

A pixel and a rem are two units used in web development. We explain in detail why it is better to use rem instead of pixels for your site. If your website is entirely or partially created using pixels, and you want to convert to REM, you'll love this new feature!

New feature of the Finsweet extension!

Have you ever heard of - Finsweet Extension for Webflow - as a Google Chrome extension? If you are using Webflow but haven't tried this tool yet, we recommend you to take a look at it. It unlocks many features that make your life easier when using the Webflow design tool.

How to use the Pixel Converter?

1 - Download the extension

2 - Open your Webflow project

3 - Open the extension -> Client-first -> Px to REM Migrator

How to Pixel to rem migrator on the Finsweet for Webflow extension

4 - Click on "Start Migration" to convert your pixels to REM

And that's it! - The job is done. Let's say that all your CSS (layout, animations, fonts, etc) has been converted to REMs. Your site is now 100% responsive and adapts to user preferences.

Want to discover other products for Webflow developed by Finsweet? Discover the attributes, a solution to solve the technical limitations of the Webflow CMS software.

Flomodia by Digidop
Coudac project by Digidop
project Heka by DigidopFlaw by project DigidopMorfo project by Digidop