Elysia Tools
导航
Design
把 Figma 像素值换算成平台正确单位并生成开发者规范卡：iOS pt（@1x/@2x/@3x 及各倍率渲染 px）、Android dp/sp（mdpi…xxxhdpi 全密度桶渲染表、字体缩放）、Web rem/vw 与 clamp() 流式排版片段；按 iOS 44pt / Android 48dp / WCAG 44px 与 24px 审计最小触控目标，并标注 Material 窗口类与 Tailwind 断点。
详情
换算基于已验证常量：iOS pt = px ÷ 倍率（@1x=1/@2x=2/@3x=3，163ppi 为历史基准）；Android dp = px ÷ 密度（mdpi 160=1x、hdpi 240=1.5x、xhdpi 320=2x、xxhdpi 480=3x、xxxhdpi 640=4x），sp 在 dp 之上叠加用户字体缩放（原生档位 0.85/1.0/1.15/1.3，Android 14+ 非线性至 200%）；Web rem = px ÷ 根字号（默认 16px）、vw = px ÷ 视口 × 100，clamp(MIN, VAL, MAX) 解析为 max(MIN, min(VAL, MAX))。触控目标最小值：Apple HIG 44×44pt、Material 48×48dp、WCAG 2.5.5（AAA）44×44 CSS px、WCAG 2.5.8（AA）24×24 CSS px。响应式标注：Material 窗口类 compact <600dp / medium 600–839dp / expanded ≥840dp；Tailwind 断点 640/768/1024/1280/1536px。
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
输入 Figma 像素值、设计缩放倍率和元素角色，即可生成 iOS pt、Android dp/sp 与 Web rem/vw 换算结果，并提供 clamp() 片段、密度桶渲染表、触控目标审计及响应式断点标注。
背景
设计稿中的按钮尺寸为 48px，团队需要确认它在 iOS、Android 和 Web 无障碍标准下是否足够大。
问题
同时获得平台逻辑单位、不同密度下的渲染尺寸，并检查最小触控目标。
如何使用
输入 px 为 48，设计缩放倍率选择 1x，元素角色选择“触控目标”，根字号使用 16px，视口宽度使用 1440px。
px=48；designScale=1；role=touch；rootFontSize=16；viewportWidth=1440结果
结果为 48pt、48dp 和 3rem；48px 同时通过 iOS 44pt、Material 48dp、WCAG 44px 与 24px 触控目标检查。
背景
设计团队提供了一张 @2x Retina 设计稿，其中内容宽度标记为 750px，需要转换为平台逻辑单位和 Web 相对单位。
问题
避免直接使用物理像素，明确 iOS、Android 与 Web 中对应的尺寸表达。
如何使用
输入 px 为 750，设计缩放倍率选择 2x，元素角色选择“一般尺寸”，根字号设为 16px，视口宽度设为 1440px。
px=750；designScale=2；role=dimension；rootFontSize=16；viewportWidth=1440结果
结果为 375pt、375dp、23.438rem 和 26.042vw（基于 1440px 视口），并显示 @2x 与 xhdpi 下的 750px 渲染参考。
必填项是 Figma 像素值；还可以选择设计缩放倍率、元素角色、根字号和视口宽度。
iOS pt 等于 px 除以设计倍率，支持 1x、2x 和 3x。
Android dp 按屏幕密度换算，并提供 mdpi、hdpi、xhdpi、xxhdpi 和 xxxhdpi 渲染表。
可以。选择“触控目标”后，结果会对照 iOS 44pt、Material 48dp 以及 WCAG 44px 和 24px 标准进行审计。
rem 使用输入的根字号计算，默认根字号为 16px；vw 使用输入的视口宽度计算，默认视口宽度为 1440px。
背景
团队需要把设计稿中的文字像素值转换为 Android sp 和 Web rem，方便移动端与前端采用一致的尺寸基准。
问题
在指定设计倍率、根字号和视口宽度后，获得可交付的文字尺寸参考。
如何使用
输入文字对应的 Figma px 值，选择合适的 1x、2x 或 3x 倍率，并将元素角色设为“文字大小”。
结果
工具根据输入值生成平台单位换算、文字缩放参考以及 Web rem/vw 结果，便于整理到开发规范卡中。