What units does the tool calculate?

It calculates iOS pt, Android dp/sp, web rem and vw, along with responsive CSS guidance.

How does the design scale affect the result?

The selected 1x, 2x, or 3x scale is used to convert the Figma px value into logical platform units.

Can it check touch targets?

Yes. Select the Touch target role to compare the value with iOS, Android Material, and WCAG minimums.

What root font size is used for rem?

The default root font size is 16 px, and you can change it from 8 to 32 px.

What viewport width is used for vw?

The default viewport width is 1440 px, and you can set a value from 320 to 3840 px.

Elysia Tools

Navigation

Design

Figma iOS Android pt dp sp Responsive Design Spec Card

Convert a Figma px value into iOS pt, Android dp/sp, web rem/vw with a fluid clamp() snippet, a density-bucket render table and a touch-target accessibility audit, as a developer spec card.

Details

What this tool helps you do

iOS pt = px ÷ scale; Android dp = px ÷ density over mdpi…xxxhdpi buckets; rem = px ÷ root font size; vw = px ÷ viewport × 100; touch minimums 44pt/48dp/44px/24px; Material window classes and Tailwind breakpoints included.

Execution

Run this tool

Fill in the form, run the tool, and review the result in one place.

Prepared example runs

Click an example to fill the form automatically. File inputs still need an upload.

2 examples

Hand off a 48px @1x button as a touch target

A 48 px button designed on a 1x canvas is handed off as 48pt / 48dp / 3rem with the full density-bucket render table, and passes every touch-target guideline (iOS 44pt, Material 48dp, WCAG 44px and 24px).

<section>48 px @1x → 48pt · 48dp · 3rem · all touch-target checks pass (48 ≥ 44pt/48dp/44px/24px)</section>

Convert a 750px @2x screenshot width to logical units

A 750 px value from a Retina @2x design resolves to 375pt / 375dp, shows 750 px rendering at @2x and xhdpi, the rem value on a 16px root, and its vw share of a 1440px viewport with a clamp() token.

Inputs

Set the required fields, then run the tool.

5 options

SettingsAdjust formats, ranges, numbers, and modes.5

Figma px valuenumberRequiredDesign scale factorselectOptionalElement roleselectOptionalRoot font size (px)numberOptionalViewport width (px)numberOptional

Result

Ready for a run

Run the tool to preview files, text, structured data, or streamed output here.

Samples

Figma iOS Android pt dp sp Responsive Design Spec Card

What this tool helps you do

Run this tool

Prepared example runs

Inputs

Result

Examples that match this tool

Continue with connected tools and hubs

Prepared example runs

Inputs

Result

Learn when to use this tool, what it supports, and how real users apply it.

Key facts

Overview

When to use

How it works

Use cases

Examples

1. Hand off a 48px @1x button as a touch target

2. Convert a 750px @2x screenshot width to logical units

FAQ

Android Image Processing Java Samples

Android Image Processing Kotlin Samples

Android File Operations Java Samples

Android File Operations Kotlin Samples

Hash Algorithm Comparator

OKR & KPI Tree Decomposer

Serum Anion Gap (AG) Calculator

Indented List to ASCII Tree

Text Case, Encoding, and Normalization Conversion Tools

Markdown Export, OCR, and Document Conversion Tools

Text Tools

Text Analysis, Readability, and Content Inspection Tools