Unit Kit
by 슬로리
Convert px to rem, em, %, base units, and Tailwind — both ways, instantly.
Installs
22
Likes
1
Users
22
Views
14
Preview
About this plugin
Unit Kit converts spacing and type values between the units you actually use in adesign system — without leaving Figma.
Type a number in either field and the other side updates as you type. No convertbutton, no mode switching.WHAT IT CONVERTS- px ↔ rem — based on your root font size- px ↔ em — based on the parent font size- px ↔ % — based on a reference width, or the width of your selected layer- px ↔ base unit — 4pt, 8pt, or any grid you work on- px ↔ Tailwind — matches the real spacing scale, not just a division- Golden ratio — × 1.618 and ÷ 1.618, plus a six-step scale previewBUILT FOR HANDOFF- Tailwind values snap to actual tokens. 16px gives you 4. 13px tells you it is close to 3.5 (14px) and offers [13px] for the exact value.- A grid indicator tells you at a glance whether a value sits on your 8pt grid.- A reference table maps every common unit and pixel value, both directions.- Click any result to copy it. Press Enter to copy without reaching for the mouse.- Your root font size, base unit, and rounding preference are remembered.PRIVACYUnit Kit does not modify your document. It reads the width of a selected layeronly when you tap the "use selection" button, stores your settings locally inFigma, and makes no network requests. Nothing is collected or sent anywhere.
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility