Zmiana domyślnych odstępów Auto Layout między elementami w warstwach
Zmieniając właściwość Item Spacing w warstwach Row, Column lub innych warstwach układu Emailify (takich jak Wrapper, Hero czy kontener ikon społecznościowych), określasz domyślny odstęp między elementami podrzędnymi wewnątrz tej warstwy.
Na przykład ustawienie wartości odstępu 16 w warstwie Column rozłoży równe odstępy (16 pikseli) między wszystkimi elementami (na przykład tekstami, obrazami, przyciskami itd.) wewnątrz tej warstwy Column.
Dodawanie własnych pionowych elementów Spacer do kolumn
Jeśli masz już ustawiony domyślny odstęp, ale między niektórymi warstwami w kolumnie potrzebujesz jeszcze trochę pionowego odstępu, możesz dodać specjalny element Spacer z Emailify. Kliknij warstwę „Column”, wybierz pozycję „Spacer” z listy rozwijanej Quick Add na dole wtyczki, a następnie kliknij przycisk Add +, aby wstawić warstwę odstępu do kolumny.
Po dodaniu warstwy Spacer do kolumny możesz przeciągnąć ją w panelu warstw, aby zmienić, między którymi warstwami się znajduje, a jej rozmiar zmienisz, ustawiając Height warstwy w panelu właściwości warstwy w Figmie.
Wokół własnych elementów Spacer również obowiązuje domyślny Item Spacing ich elementu nadrzędnego, więc uwzględnij to, ustawiając wartość Height odstępu.
Automatyczny pionowy odstęp między warstwami w kolumnie
Aby jedna warstwa była na górze kolumny, a druga na dole, ustaw pionowe wymiarowanie Auto Layout warstwy Column na Fill container. Następnie ustaw Item spacing na Auto. Figma rozłoży dostępne miejsce między warstwami, gdy zmienia się długość treści.
Nadpisz wartość odstępu dla wersji mobilnej. Jeśli tą metodą tworzysz w projekcie desktopowym układ rozdzielony w pionie, dodaj też mobilne nadpisanie wartości Item Spacing. Kliknij tę samą warstwę „Column”, w której wykonano powyższe kroki, kliknij przycisk Settings, włącz przełącznik Mobile Item Spacing i wpisz wybraną wartość liczbową (w pikselach). Dzięki temu odstęp na urządzeniach mobilnych będzie stały i spójny (niezależnie od rozmiaru odstępu „auto” na desktopie).
Własne pionowe marginesy między akapitami w warstwie tekstowej
Pionowe odstępy między akapitami w warstwach tekstowych Figmy możesz dostosować w panelu właściwości tekstu w Figmie, zmieniając wartość Paragraph spacing na karcie Basics. Określa ona, jaki margin-bottom zostanie dodany do tagów <p> w treści tej warstwy tekstowej podczas generowania e-maila HTML.
Pamiętaj, że jeśli dodasz dodatkowe akapity (na przykład naciskając dwukrotnie Enter lub Return, aby uzyskać podwójny odstęp), pusty dodatkowy akapit nadal zostanie uwzględniony, a pod nim również zostanie dodany ustawiony odstęp akapitu jako margin-bottom. Opcjonalnie możesz usunąć te dodatkowe, puste akapity (jak na filmie powyżej), aby dokładniej kontrolować odstępy między akapitami w tekście.
Możesz masowo zastosować ustawienia: otwórz Settings, a potem zaznacz w Figmie kilka warstw Emailify tego samego typu. Każde zmienione ustawienie zostanie zastosowane do wszystkich zaznaczonych warstw.