¿Qué unidades calcula la herramienta?

Calcula pt para iOS, dp y sp para Android, y rem y vw para web. También genera un valor clamp() fluido.

¿Qué escalas de diseño puedo seleccionar?

Puedes seleccionar 1x, 2x o 3x como factor de escala del diseño.

¿Qué valor de fuente raíz usa para rem?

Usa 16 px por defecto, aunque puedes indicar una fuente raíz entre 8 y 32 px.

¿Qué comprueba la auditoría de objetivos táctiles?

Compara la medida con los mínimos de 44 pt en iOS, 48 dp en Android y 44 px y 24 px CSS según WCAG.

¿Cómo se calcula vw?

Se calcula dividiendo los px entre el ancho del viewport y multiplicando el resultado por 100.

Elysia Tools

Navegación

Design

Tarjeta de especificación responsive Figma iOS Android pt dp sp

Convierte valores px de Figma a las unidades correctas por plataforma y genera una spec card para desarrolladores: pt de iOS (@1x/@2x/@3x con px renderizado por escala), dp/sp de Android (tabla de renderizado mdpi…xxxhdpi y escala de fuente), rem/vw web con snippet clamp() fluido; audita objetivos táctiles mínimos (44pt iOS / 48dp Android / 44px y 24px WCAG) y anota clases de ventana de Material y breakpoints de Tailwind.

Detalles

Qué te ayuda a hacer esta herramienta

Constantes verificadas: pt iOS = px ÷ escala (@1x=1/@2x=2/@3x=3, 163ppi histórico); dp Android = px ÷ densidad (mdpi 160=1x, hdpi 240=1.5x, xhdpi 320=2x, xxhdpi 480=3x, xxxhdpi 640=4x), sp añade la escala de fuente del usuario (paradas 0.85/1.0/1.15/1.3, Android 14+ no lineal hasta 200%); web rem = px ÷ raíz (16px por defecto), vw = px ÷ viewport × 100, clamp(MIN, VAL, MAX) resuelve max(MIN, min(VAL, MAX)). Objetivos táctiles: Apple HIG 44×44pt, Material 48×48dp, WCAG 2.5.5 (AAA) 44×44 px CSS, WCAG 2.5.8 (AA) 24×24 px CSS. Responsive: clases de ventana Material compact <600dp / medium 600–839dp / expanded ≥840dp; breakpoints Tailwind 640/768/1024/1280/1536px.

Ejecución

Ejecutar esta herramienta

Completa el formulario, ejecuta la herramienta y revisa el resultado en un solo lugar.

Ejecuciones de ejemplo preparadas

Haz clic en un ejemplo para completar el formulario automáticamente. Los archivos aún deben subirse.

2 ejemplos

Entregar un botón de 48px @1x como objetivo táctil

Un botón de 48 px diseñado en lienzo 1x se entrega como 48pt / 48dp / 3rem con la tabla completa de buckets de densidad y pasa todas las directrices de objetivo táctil (44pt iOS, 48dp Material, 44px y 24px WCAG).

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

Convertir el ancho 750px de un diseño @2x a unidades lógicas

Un valor de 750 px de un diseño Retina @2x resuelve a 375pt / 375dp, muestra el render de 750 px en @2x y xhdpi, el rem con raíz de 16px y su proporción vw en un viewport de 1440px con un token clamp().

Entradas

Completa los campos necesarios y ejecuta la herramienta.

5 opciones

AjustesAjusta formatos, rangos, números y modos.5

Valor px de FigmanumberObligatorioFactor de escala del diseñoselectOpcionalRol del elementoselectOpcionalFuente raíz (px)numberOpcionalAncho del viewport (px)numberOpcional

Resultado

Listo para ejecutar

Al ejecutar la herramienta, aquí verás archivos, texto, datos estructurados o salida en streaming.

Ejemplos

Ejemplos que encajan con esta herramienta

Relacionado

Tarjeta de especificación responsive Figma iOS Android pt dp sp

Qué te ayuda a hacer esta herramienta

Ejecutar esta herramienta

Ejecuciones de ejemplo preparadas

Entradas

Resultado

Ejemplos que encajan con esta herramienta

Continuar con herramientas y temas relacionados

Ejecuciones de ejemplo preparadas

Entradas

Resultado

Conoce cuándo usar esta herramienta, qué admite y cómo la aplican los usuarios.

Datos clave

Resumen

Cuándo usarlo

Cómo funciona

Casos de uso

Ejemplos

1. Validar un botón de 48 px como objetivo táctil

2. Convertir un ancho Retina de 750 px

Preguntas frecuentes

Ejemplos de Procesamiento de Imágenes Android Java

Ejemplos de Procesamiento de Imágenes Android Kotlin

Ejemplos de Operaciones de Archivos Android Java

Ejemplos de Operaciones de Archivos Android Kotlin

Comparador de algoritmos hash

Descomponedor de árbol OKR y KPI

Calculadora de Anión Gap Sérico (AG)

Lista Indentada a Árbol ASCII

Herramientas de conversión de texto, codificación y normalización

Herramientas de exportación, OCR y conversión de Markdown

Herramientas de Text

Herramientas de análisis de texto, legibilidad e inspección de contenido