# 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. > Página canônica: https://elysiatools.com/pt/tools/figma-ios-android-pt-dp-sp-responsive-design-spec-card - **Categoria:** Design - **Palavras-chave:** figma para código, pt, dp, rem, alvo de toque, densidades ## Visão geral 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. ## Entradas - **Valor px do Figma** (number): e.g. 48 - **Fator de escala do design** (select) - **Papel do elemento** (select) - **Fonte raiz (px)** (number) - **Largura do viewport (px)** (number) ## Quando usar - Ao transformar medidas do Figma em valores prontos para implementação no iOS, Android e web. - Ao verificar se botões, ícones e controles atendem aos tamanhos mínimos de toque. - Ao documentar dimensões responsivas para desenvolvedores com uma única ficha de especificação. ## Como funciona - Informe o valor em px do Figma e escolha a escala do design: 1x, 2x ou 3x. - Defina o papel do elemento como dimensão geral, alvo de toque ou tamanho de texto. - A ferramenta calcula unidades iOS, Android e web usando a fonte raiz e o viewport informados. - O resultado HTML reúne conversões, renderização por densidade, referências responsivas e verificações de toque. ## Casos de uso - Designers documentam componentes do Figma com medidas lógicas para equipes de desenvolvimento. - Desenvolvedores conferem dimensões de controles entre iOS, Android e web responsiva. - Equipes de acessibilidade auditam rapidamente os alvos de toque antes da implementação. ## Perguntas frequentes ### 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. ## Ferramentas relacionadas - [Comparador de algoritmos de hash](https://elysiatools.com/pt/tools/hash-algorithm-comparator): Aplica MD5, SHA-1, SHA-256, SHA-512, BLAKE2b e BLAKE3 à mesma entrada e compara: tamanho, digest hex/Base64, status de segurança (quebrado/moderno) e benchmark de velocidade relativa. Útil para ensino, escolha de algoritmo ou checagem de checksums. - [Decompositor de árvore OKR e KPI](https://elysiatools.com/pt/tools/okr-tree-decomposer): Decompõe um Objective de empresa em Departamento → Equipe → Pessoal, com peso/meta/atual por nó; o progresso ponderado sobe. Árvore visual + Markdown. - [Calculadora de Anion Gap Sérico (AG)](https://elysiatools.com/pt/tools/anion-gap-calculator): Calcula o anion gap sérico AG = Na⁺ − Cl⁻ − HCO₃⁻ (mmol/L), com opção da fórmula com K⁺ e correção por albumina. AG elevado (≈ >12) sugere acúmulo de ânions não medidos (lactato, corpos cetônicos, metanol/etilenoglicol, salicilatos, insuficiência renal; mnemônico GOLD-MARK). Acidose metabólica com AG normal (8–12) é hiperclorêmica: diarreia, acidose tubular renal, infusão de salino. AG baixo (<3–6) geralmente por hipoalbuminemia; também hipercalcemia/hipermagnesemia, lítio, mieloma IgG (paraproteínas catiônicas), brometo/pseudo-hiperloremia. Em hipoalbuminemia use a correção AG_corr = AG + 2.5×(4.0 − albumina). Fontes: Kraut CJASN 2007, Figge 1998, MDCalc. Interpretar com gases e clínica. Não é conselho médico. - [Lista Indentada para Árvore ASCII](https://elysiatools.com/pt/tools/ascii-tree-from-indented-list): Converte uma lista hierárquica indentada (2/4 espaços ou tab; prefixos -, *, 1. opcionais) em uma árvore de diretórios ASCII copiável. Dois estilos: caixa Unicode e ASCII clássico. Opções para linhas guia completas, espaços finais e folhas entre colchetes. - [Gerador de Data URI](https://elysiatools.com/pt/tools/data-uri-generator): Converte arquivos em Data URIs (Base64 ou porcentagem-codificada) para incorporar imagens, fontes e recursos diretamente em HTML, CSS ou Markdown - [Conversor de PDF criptografado](https://elysiatools.com/pt/tools/encrypted-pdf-converter): Abre PDFs protegidos com a senha correta e os exporta como Markdown, JSON ou texto - [Linearizador reproduzível de Jupyter Notebook](https://elysiatools.com/pt/tools/jupyter-notebook-to-reproducible-script-linearizer): Converte .ipynb em Python com # %% e detecta estado fora de ordem, oculto ou excluído - [Conversor de Markdown para PDF](https://elysiatools.com/pt/tools/markdown-to-pdf-converter): Converter arquivos Markdown em documentos PDF com formatação, realce de sintaxe e estilo ## Exemplos - [Exemplos de Processamento de Imagem Android Java](https://elysiatools.com/pt/samples/android-image-processing-java): Exemplos de processamento de imagem Android Java incluindo leitura/escrita, dimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Android Kotlin](https://elysiatools.com/pt/samples/android-image-processing-kotlin): Exemplos de processamento de imagem Android Kotlin incluindo leitura/escrita, dimensionamento e conversão de formato - [Exemplos de Operações de Arquivo Android Java](https://elysiatools.com/pt/samples/android-file-operations-java): Exemplos de operações de arquivo Android Java incluindo leitura/escrita de arquivo de texto, copiar/mover, travessia de diretório e validação de arquivo - [Exemplos de Operações de Arquivo Android Kotlin](https://elysiatools.com/pt/samples/android-file-operations-kotlin): Exemplos de operações de arquivo Android Kotlin incluindo leitura/escrita de arquivo de texto, copiar/mover, travessia de diretório e validação de arquivo ## Conteúdo relacionado - [Ferramentas de conversão de caixa, codificação e normalização de texto](https://elysiatools.com/pt/hubs/text-convert): Compare conversão de caixa de texto, conversão de largura de caracteres, conversão de codificação, tratamento de quoted-printable e normalização de texto em um único hub. - [Ferramentas de exportação, OCR e conversão de Markdown](https://elysiatools.com/pt/hubs/markdown-convert): Compare ferramentas de Markdown para PDF, PDF para Markdown, OCR, exportação de slides e conversão estruturada de Markdown em um único hub para fluxos de publicação e documentação. - [Ferramentas de Text](https://elysiatools.com/pt/hubs/text-utility): Explore 33 ferramentas de text para fluxos de utility e encontre utilitários próximos com rapidez. - [Ferramentas de análise de texto, legibilidade e inspeção de conteúdo](https://elysiatools.com/pt/hubs/text-analyze): Compare estatísticas de texto, detecção de idioma, legibilidade, análise de sentimento, revisão de moderação e análise de padrões em um único hub.