Quelle valeur faut-il saisir ?

Saisissez la valeur en pixels issue de votre design Figma, entre 0,5 et 10 000 px.

Comment la valeur iOS en pt est-elle calculée ?

La valeur px est divisée par l’échelle choisie : 1 pour @1x, 2 pour @2x ou 3 pour @3x.

Comment la valeur Android en dp est-elle calculée ?

La valeur logique est présentée selon les densités Android, de mdpi à xxxhdpi, avec les rendus px correspondants.

Quelles cibles tactiles sont vérifiées ?

La fiche compare la dimension aux minima de 44pt iOS, 48dp Material et 44px ou 24px selon les critères WCAG.

À quoi servent la police racine et le viewport ?

La police racine sert à calculer rem, tandis que la largeur du viewport sert à calculer vw et les valeurs fluides.

Elysia Tools

Navigation mobile

Design

Fiche de spécifications responsive Figma iOS Android pt dp sp

Convertit les valeurs px Figma vers les bonnes unités par plateforme et génère une spec card développeur : pt iOS (@1x/@2x/@3x avec px rendus par échelle), dp/sp Android (table de rendu mdpi…xxxhdpi et échelle de police), rem/vw web avec extrait clamp() fluide ; audit des cibles tactiles minimales (44pt iOS / 48dp Android / 44px et 24px WCAG) avec classes de fenêtres Material et breakpoints Tailwind.

Détails

Ce que cet outil vous aide à faire

Constantes vérifiées : pt iOS = px ÷ échelle (@1x=1/@2x=2/@3x=3, base historique 163 ppi) ; dp Android = px ÷ densité (mdpi 160=1x, hdpi 240=1.5x, xhdpi 320=2x, xxhdpi 480=3x, xxxhdpi 640=4x), sp ajoute l'échelle de police utilisateur (paliers 0.85/1.0/1.15/1.3, Android 14+ non linéaire jusqu'à 200 %) ; web rem = px ÷ racine (16 px par défaut), vw = px ÷ viewport × 100, clamp(MIN, VAL, MAX) = max(MIN, min(VAL, MAX)). Cibles tactiles : 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 : classes de fenêtre Material compact <600dp / medium 600–839dp / expanded ≥840dp ; breakpoints Tailwind 640/768/1024/1280/1536px.

Exécution

Exécuter cet outil

Remplissez le formulaire, lancez l’outil et consultez le résultat au même endroit.

Exécutions d’exemple préparées

Cliquez sur un exemple pour remplir automatiquement le formulaire. Les fichiers doivent toujours être téléversés.

2 exemples

Livrer un bouton 48px @1x comme cible tactile

Un bouton de 48 px conçu sur un canevas 1x est livré en 48pt / 48dp / 3rem avec la table complète de rendu par densité et passe toutes les règles de cible tactile (44pt iOS, 48dp Material, 44px et 24px WCAG).

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

Convertir une largeur 750px d'un design @2x en unités logiques

Une valeur de 750 px d'un design Retina @2x se résout en 375pt / 375dp, affiche le rendu 750px en @2x et xhdpi, le rem avec racine 16px et sa part vw dans un viewport de 1440px avec un token clamp().

Entrées

Renseignez les champs nécessaires, puis lancez l’outil.

5 réglages

RéglagesAjustez formats, plages, nombres et modes.5

Valeur px FigmanumberRequisFacteur d'échelle du designselectOptionnelRôle de l'élémentselectOptionnelPolice racine (px)numberOptionnelLargeur du viewport (px)numberOptionnel

Résultat

Prêt à exécuter

Après exécution, les fichiers, textes, données structurées ou sorties en flux apparaîtront ici.

Exemples

Exemples adaptés à cet outil

Associé

Fiche de spécifications responsive Figma iOS Android pt dp sp

Ce que cet outil vous aide à faire

Exécuter cet outil

Exécutions d’exemple préparées

Entrées

Résultat

Exemples adaptés à cet outil

Continuer avec des outils et dossiers associés

Exécutions d’exemple préparées

Entrées

Résultat

Découvrez quand utiliser cet outil, ce qu'il prend en charge et comment les utilisateurs l'appliquent.

Points clés

Aperçu

Quand l’utiliser

Fonctionnement

Cas d’usage

Exemples

1. Livrer un bouton 48 px comme cible tactile

2. Convertir une largeur Retina de 750 px

FAQ

Exemples de Traitement d'Images Android Java

Exemples de Traitement d'Images Android Kotlin

Exemples d'Opérations sur Fichiers Android Java

Exemples d'Opérations sur Fichiers Android Kotlin

Comparateur d’algorithmes de hachage

Décomposeur d'arbre OKR & KPI

Calculateur du Trou Anionique Sérique (AG)

Liste indentée vers arbre ASCII

Outils de conversion de casse, d’encodage et de normalisation de texte

Outils d’export, d’OCR et de conversion Markdown

Outils Text

Outils d’analyse de texte, de lisibilité et d’inspection de contenu