Learn Figma Now Compra il libro EN

Auto layout, da zero

Smetti di ridimensionare le scatole a mano. Cinque lezioni brevi che seguono il capitolo 6 del libro, dal primo bottone che si adatta da solo a una schermata Login che regge qualsiasi larghezza.

  • 5 lezioni
  • Circa 30 min
  • Base
  • Gratis
Inizia la lezione 1

Lezioni

  1. 01Frame che crescono con il contenuto5 min
  2. 02Direzione, gap, padding e allineamento6 min
  3. 03Hug, fill, fixed e i vincoli6 min
  4. 04Annidare: un modulo di login fatto di stack7 min
  5. 05Wrap, min e max: layout che reggono contenuti veri6 min

Cosa saprai fare

  • Costruire un bottone che si ridimensiona quando cambia l'etichetta
  • Leggere e impostare direzione, gap, padding e allineamento
  • Scegliere tra Hug, Fill e Fixed, e usare i vincoli
  • Costruire un modulo di Login dall'interno verso l'esterno con frame annidati
  • Tenere in piedi i layout con contenuti veri: wrap, min/max, testo troncato

Prima di iniziare

Un account Figma gratuito e un file di design con un frame iPhone 16 vuoto (393 per 852). Se hai il libro, usa invece la pagina Hi-Fi della tua app di viaggi.

Quando hai finito, controlla un file vero con Auto Layout Lint, uno strumento gratuito sul sito di Fabio che segna i problemi di Auto Layout in un frame.