Größenanpassung von Elementen in Framer

Ein Screenshot der Größeneinstellungen im Property-Panel der Framer-Oberfläche

Auch bei der Größeneinstellung eines Elements (“Size” im Property-Panel) gibt es verschiedene Modi, die festlegen, wie flexibel ein Element ist:

  • Fill: Das Element füllt den gesamten verfügbaren Platz im Container aus.

  • Relative: Größe ist abhängig vom übergeordneten Element – praktisch für flexible Layouts.

  • Fixed: Eine feste Größe, unabhängig vom Inhalt oder Container.

  • Fit: Die Größe richtet sich nach dem Inhalt (z. B. Textlänge).

Interaktiv

Breite "Fill" (1fr)

Responsiv

Breite "Relative" (65%)

Responsiv

Breite "Fixed" (300 Pixel)

Nicht Responsiv

Breite "Fit"

Nicht Responsiv

Gesamtbreite: 0px

Verändere auf dem Desktop die Fenstergröße. um Unterschiede zu sehen.

Zum ganzen Artikel mit Video

Die Grundlagen

ᶠAffiliate-Link

NÄCHSTER SCHRITT

Selbst starten oder Unterstützung finden?

FramerVerstehen.de auf Discord!

Jetzt Discord-Community beitreten

Jetzt zum Newsletter anmelden