Quais unidades são calculadas?

A ferramenta calcula pt para iOS, dp e sp para Android, além de rem e vw para a web.

Qual é a escala padrão do design?

A escala padrão é 1x, equivalente ao valor lógico ou à base mdpi.

Posso converter um design Retina?

Sim. Selecione 2x para designs Retina ou 3x para designs Plus e informe o valor em px.

Quais tamanhos de toque são verificados?

São verificados os mínimos de 44pt no iOS, 48dp no Android, 44px CSS no WCAG AAA e 24px CSS no WCAG AA.

A ferramenta gera código para um framework específico?

Ela gera um spec card HTML com um snippet clamp() e referências de Material e Tailwind, mas não gera um projeto de framework.

Elysia Tools

Navegação

Design

Cartão de especificação responsiva Figma iOS Android pt dp sp

Converte valores px do Figma para as unidades corretas de cada plataforma e gera um spec card para devs: pt do iOS (@1x/@2x/@3x com px renderizados por escala), dp/sp do Android (tabela de renderização mdpi…xxxhdpi e escala de fonte), rem/vw web com snippet clamp(); auditoria de alvos de toque mínimos (44pt iOS / 48dp Android / 44px e 24px WCAG) com classes de janela do Material e breakpoints do Tailwind.

Detalhes

O que esta ferramenta ajuda você a fazer

Constantes verificadas: pt iOS = px ÷ escala (@1x=1/@2x=2/@3x=3, base histórica 163ppi); dp Android = px ÷ densidade (mdpi 160=1x, hdpi 240=1.5x, xhdpi 320=2x, xxhdpi 480=3x, xxxhdpi 640=4x), sp soma a escala de fonte do usuário (paradas 0.85/1.0/1.15/1.3, Android 14+ não linear até 200%); web rem = px ÷ raiz (padrão 16px), vw = px ÷ viewport × 100, clamp(MIN, VAL, MAX) = max(MIN, min(VAL, MAX)). Alvos de toque: 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. Responsivo: classes de janela Material compact <600dp / medium 600–839dp / expanded ≥840dp; breakpoints Tailwind 640/768/1024/1280/1536px.

Execução

Executar esta ferramenta

Preencha o formulário, execute a ferramenta e veja o resultado no mesmo lugar.

Execuções de exemplo preparadas

Clique em um exemplo para preencher o formulário automaticamente. Arquivos ainda precisam ser enviados.

2 exemplos

Entregar um botão de 48px @1x como alvo de toque

Um botão de 48px desenhado em canvas 1x é entregue como 48pt / 48dp / 3rem com a tabela completa de renderização por densidade e passa todas as diretrizes de alvo de toque (44pt iOS, 48dp Material, 44px e 24px WCAG).

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

Converter a largura 750px de um design @2x para unidades lógicas

Um valor de 750px de um design Retina @2x resolve para 375pt / 375dp, mostra a renderização de 750px em @2x e xhdpi, o rem com raiz de 16px e a fração vw num viewport de 1440px com um token clamp().

Entradas

Preencha os campos necessários e execute a ferramenta.

5 opções

ConfiguraçõesAjuste formatos, intervalos, números e modos.5

Valor px do FigmanumberObrigatórioFator de escala do designselectOpcionalPapel do elementoselectOpcionalFonte raiz (px)numberOpcionalLargura do viewport (px)numberOpcional

Resultado

Pronto para executar

Depois de executar, arquivos, texto, dados estruturados ou saída em streaming aparecerão aqui.

Exemplos

Exemplos compatíveis com esta ferramenta

Relacionado

Cartão de especificação responsiva Figma iOS Android pt dp sp

O que esta ferramenta ajuda você a fazer

Executar esta ferramenta

Execuções de exemplo preparadas

Entradas

Resultado

Exemplos compatíveis com esta ferramenta

Continue com ferramentas e temas relacionados

Execuções de exemplo preparadas

Entradas

Resultado

Veja quando usar esta ferramenta, o que ela suporta e como os usuários a aplicam.

Fatos principais

Visão geral

Quando usar

Como funciona

Casos de uso

Exemplos

1. Validar um botão de 48px como alvo de toque

2. Converter uma largura Retina de 750px

Perguntas frequentes

Exemplos de Processamento de Imagem Android Java

Exemplos de Processamento de Imagem Android Kotlin

Exemplos de Operações de Arquivo Android Java

Exemplos de Operações de Arquivo Android Kotlin

Comparador de algoritmos de hash

Decompositor de árvore OKR e KPI

Calculadora de Anion Gap Sérico (AG)

Lista Indentada para Árvore ASCII

Ferramentas de conversão de caixa, codificação e normalização de texto

Ferramentas de exportação, OCR e conversão de Markdown

Ferramentas de Text

Ferramentas de análise de texto, legibilidade e inspeção de conteúdo

3. Documentar o tamanho de um texto responsivo