Design
Extrahieren Sie eine bestimmte Region aus einem Bild mit genauen X, Y-Koordinaten und Abmessungen
image-extract-coordinatesDesign
Extrahieren Sie eine bestimmte rechteckige Region aus einem Bild durch Angabe von Abmessungen und Position
image-extract-regionDesign
Wenden Sie verschiedene voreingestellte Filter auf Ihre Bilder mit professionellen Fotoeffekten an
image-filtersDesign
Generiert CSS-Filter-Eigenschaften
css-filter-generatorDesign
Generiert CSS-Randradius-Eigenschaften
border-radius-generatorDesign
Generiert CSS-Box-Shadow-Eigenschaften
box-shadow-generatorDesign
Generiert CSS-Verlaufstexteffekte
css-gradient-textDesign
Lade eine TTF-, OTF-, WOFF- oder WOFF2-Datei hoch (WOFF2 wird automatisch dekomprimiert) und prüfe alle Metadaten: Familie/Subfamilie/Designer/Copyright/Version, Glyphenanzahl, unitsPerEm, Strichstärke und Breite, Kursivwinkel, Stilflags und Bounding-Box; Heatmap der Unicode-Blockabdeckung; SVG-Glyphenvorschau (eigener Text, Auto-Stichprobe für Icon-Fonts); liga-Ligaturen und OpenType-Features; fvar-Achsen und benannte Instanzen variabler Fonts.
font-file-inspectorDesign
Vorschau einer Titel- und Textschrift mit echtem Text, Größen, Gewichten, Zeilenhöhen, Zeichensatz und CSS.
font-pairing-preview-cardDesign
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.
figma-ios-android-pt-dp-sp-responsive-design-spec-cardDesign
Fügen Sie ein Figma-/Tokens-Studio-Variablen-JSON ein und exportieren Sie nach Tailwind, shadcn CSS-Variablen, Style Dictionary oder SCSS. Erhält Farb-, Abstands- und Font-Tokens mit Typ-Inferenz.
figma-tokens-exportDesign
Berechnet den Bildwinkel einer Kamera aus Brennweite und Sensorgröße sowie die Szenenabdeckung auf Distanz.
field-of-view-calculator