Back to Plugins
Unit Kit

Unit Kit

Convert px to rem, em, %, base units, and Tailwind — both ways, instantly.

Plugin Preview

Unit Kit 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.

Plugin Details

Version1
CreatedAugust 10, 2026
Last UpdatedAugust 10, 2026
CategoryAccessibility tools
Creator슬로리
Stats1 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none