Wie wird ein Figma-px-Wert in iOS-pt umgerechnet?

Der px-Wert wird durch den gewählten Skalierungsfaktor geteilt: @1x, @2x oder @3x.

Wie wird Android-dp berechnet?

Der Wert wird anhand der Android-Dichte umgerechnet und für mdpi bis xxxhdpi als Render-Tabelle dargestellt.

Welche Root-Schriftgröße verwendet die Web-Umrechnung?

Standardmäßig werden 16 px verwendet. Die Root-Schriftgröße kann zwischen 8 und 32 px angepasst werden.

Welche Touch-Ziele werden geprüft?

Geprüft werden 44pt für iOS, 48dp für Material sowie 44px und 24px nach WCAG.

Welche responsive Referenzen enthält die Ausgabe?

Die Karte nennt Material-Fensterklassen und Tailwind-Breakpoints.

Elysia Tools

Mobile Navigation

Design

Figma iOS Android pt dp sp Responsive-Spezifikationskarte

Rechnet Figma-px-Werte in die korrekten Plattform-Einheiten um und erzeugt eine Entwickler-Spec-Card: iOS-pt (@1x/@2x/@3x mit gerenderten px je Skalierung), Android-dp/sp (Render-Tabelle mdpi…xxxhdpi und Schriftskalierung), Web-rem/vw mit clamp()-Snippet; Prüfung der minimalen Touch-Ziele (44pt iOS / 48dp Android / 44px und 24px WCAG) samt Material-Fensterklassen und Tailwind-Breakpoints.

Einzelheiten

Wobei dieses Tool hilft

Verifizierte Konstanten: iOS-pt = px ÷ Skalierung (@1x=1/@2x=2/@3x=3, historische Basis 163 ppi); Android-dp = px ÷ Dichte (mdpi 160=1x, hdpi 240=1.5x, xhdpi 320=2x, xxhdpi 480=3x, xxxhdpi 640=4x), sp addiert die Nutzer-Schriftskalierung (Stufen 0.85/1.0/1.15/1.3, Android 14+ nichtlinear bis 200 %); Web-rem = px ÷ Root (Standard 16px), vw = px ÷ Viewport × 100, clamp(MIN, VAL, MAX) = max(MIN, min(VAL, MAX)). Touch-Ziele: 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. Responsive: Material-Fensterklassen compact <600dp / medium 600–839dp / expanded ≥840dp; Tailwind-Breakpoints 640/768/1024/1280/1536px.

Ausführung

Dieses Tool ausführen

Fülle das Formular aus, starte das Tool und prüfe das Ergebnis an einem Ort.

Vorbereitete Beispielausführungen

Klicken Sie auf ein Beispiel, um das Formular automatisch auszufüllen. Dateien müssen weiterhin hochgeladen werden.

2 Beispiele

48px-@1x-Button als Touch-Ziel übergeben

Ein auf 1x-Canvas entworfener 48-px-Button wird als 48pt / 48dp / 3rem mit vollständiger Dichte-Render-Tabelle übergeben und besteht alle Touch-Ziel-Richtlinien (44pt iOS, 48dp Material, 44px und 24px WCAG).

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

Eine 750px-Breite aus einem @2x-Design in logische Einheiten umrechnen

Ein 750-px-Wert aus einem Retina-@2x-Design ergibt 375pt / 375dp, zeigt das 750-px-Rendering bei @2x und xhdpi, den rem-Wert bei 16px-Root sowie den vw-Anteil im 1440px-Viewport mit clamp()-Token.

Eingaben

Fülle die erforderlichen Felder aus und starte das Tool.

5 Optionen

EinstellungenFormate, Bereiche, Zahlen und Modi anpassen.5

Figma-px-WertnumberPflichtDesign-SkalierungsfaktorselectOptionales FeldRolle des ElementsselectOptionales FeldRoot-Schriftgröße (px)numberOptionales FeldViewport-Breite (px)numberOptionales Feld

Ergebnis

Bereit zum Start

Nach dem Ausführen erscheinen hier Dateien, Text, strukturierte Daten oder Stream-Ausgaben.

Beispiele

Beispiele zu diesem Tool

Verwandt

Figma iOS Android pt dp sp Responsive-Spezifikationskarte

Wobei dieses Tool hilft

Dieses Tool ausführen

Vorbereitete Beispielausführungen

Eingaben

Ergebnis

Beispiele zu diesem Tool

Mit verwandten Tools und Themen fortfahren

Vorbereitete Beispielausführungen

Eingaben

Ergebnis

Erfahren Sie, wann dieses Tool passt, was es unterstützt und wie Nutzer es anwenden.

Wichtige Fakten

Überblick

Wann verwenden

So funktioniert es

Anwendungsfälle

Beispiele

1. 48px-Button als plattformübergreifendes Touch-Ziel

2. Retina-Breite in logische Einheiten umrechnen

FAQ

Android Java Bildverarbeitungsbeispiele

Android Kotlin Bildverarbeitungsbeispiele

Android Java Dateioperationsbeispiele

Android Kotlin Dateioperationsbeispiele

Hash-Algorithmus-Vergleich

OKR- & KPI-Baum-Zerleger

Serum-Anionenlücken-Rechner (AG)

Eingerückte Liste zu ASCII-Baum

Textfall-, Encoding- und Normalisierungs-Konvertierungs-Tools

Markdown-Export-, OCR- und Dokumentkonvertierungs-Tools

Text-Tools

Textanalyse-, Lesbarkeits- und Inhaltsinspektions-Tools