Handing over your designs to Developers (or picking up designs from a Designer) can prove tricky if you're working on the web or with class libraries like Tailwind. Being able to easily translate those pixels into flexible units is a must so with Hand››over you now can.
Rem
• Convert any number from pixels to ems/rems
• Change the baseline pixel value to whatever you want it to be and see the relevant changes in em conversion
• Change the conversion scale so you're not stuck with a 1.000 scale
• Convert from ems/rems back to pixels at any time
Tailwind
• Find the correct Tailwind class value
• Change the baseline pixel value
Line-height
• Find the perfect line height based on a pixel size
• Change the conversion ratio based on you need
• Swap between scale or percentage based conversions
Radius
• Live preview combined radii based on either an inner or outer radius value and its padding
You can also save any of these conversions to your Saved list and see the latest saved result pinned to a home screen widget.
Rem
• Convert any number from pixels to ems/rems
• Change the baseline pixel value to whatever you want it to be and see the relevant changes in em conversion
• Change the conversion scale so you're not stuck with a 1.000 scale
• Convert from ems/rems back to pixels at any time
Tailwind
• Find the correct Tailwind class value
• Change the baseline pixel value
Line-height
• Find the perfect line height based on a pixel size
• Change the conversion ratio based on you need
• Swap between scale or percentage based conversions
Radius
• Live preview combined radii based on either an inner or outer radius value and its padding
You can also save any of these conversions to your Saved list and see the latest saved result pinned to a home screen widget.
Show More
