How Do You Change From Pixelma to REM in Figma?

Making the switch from Pixelma to REM in Figma is an excellent way to improve your design process and optimize your workflow. The REM unit of measurement is a more modern way of measuring, and it allows for better scalability and flexibility. In this article, we’ll discuss how to make the switch from Pixelma to REM in Figma so that you can take full advantage of its benefits.

Step 1: Understand What REM Is
Before you make the switch, it’s important to understand what the REM unit of measurement is. REM stands for “root em” and it is a relative unit of measurement that is based on the root font size.

This means that when you set the font size at 16px, 1rem will equal 16px. This makes scaling easier as all elements scale relative to each other.

Step 2: Set Up Your Units
Now that you understand what REM is, you can begin setting up your units in Figma. To do this, go to File > Preferences and click on Units.

From here, you can select which unit type you’d like to use from either Pixels or Rems. Select Rems and then click OK.

Step 3: Convert Your Sizes
The next step is to convert your sizes from Pixelma to Rems. You can do this manually or use a converter tool like Convertio.

Manually converting pixel sizes will require a bit of math as 1rem = 16px. For example, if an element was 24px in Pixelma it would be 1.5rem in Rems.

Step 4: Test It Out
Once you have converted all your sizes from Pixelma to Rems, it’s time to test out your design in Figma. Test out different font sizes and screen resolutions so that you can ensure everything looks as expected.

Conclusion

In conclusion, making the switch from Pixelma to REM in Figma is an excellent way to optimize your design process and improve your workflow. By understanding what REM is, setting up your units correctly, converting pixel sizes into rems, and testing it out – you’ll be able take full advantage of this powerful measurement system!