שם השיעור: Auto Layout

אין לכם גישה לתוכן זה

לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה

מה נלמד בשיעור הזה?

  • נבין שAuto Layout זה אותו הדבר כמו לומר Flexbox ששייך לCSS
  • להרחבה נוספת (אני מראה את זה גם בשיעור), ניתן להכנס למאמר הנפלא הזה וללמוד את כל נסתרי הFlexbox.
  • נראה איך משתמשים בפיטשר Auto Layout לצד כל ההגדרות שלו שFigma נותנת לנו
  • נראה מקרה שבו לא כדאי להשתמש בAuto Layout

וקצת יותר בפירוט...

בשיעור "Auto Layout" מתוך קורס Figma למתחילים, מתמקדים בהבנת הפונקציונליות של הכלי Auto Layout והשוואתו לעקרונות ה-Flexbox בעולם ה-CSS. השיעור מתחיל בהסבר על הדמיון בין Auto Layout לבין Flexbox, המספקים שניהם כלים יעילים לארגון אלמנטים בצורה דינמית וגמישה. המשתתפים מופנים גם למאמר חיצוני להרחבת הידע על Flexbox, כך שיוכלו להבין לעומק את העקרונות שמאחורי הכלי.

 

במהלך השיעור נלמד כיצד להשתמש ב-Auto Layout בתוך Figma, כולל סקירה של כל ההגדרות והאפשרויות שהוא מציע. המשתתפים מתרגלים יישום תכונות כמו מרווחים אוטומטיים בין אלמנטים, התאמה אוטומטית לגודל של תכנים, ויכולת להוסיף שכבות נוספות מבלי לשבור את העיצוב. היכולת להגדיר פרמטרים בצורה אינטואיטיבית ב-Figma מעניקה למעצבים שליטה על תצוגת האלמנטים, תוך שמירה על אחידות במבנה.

 

בנוסף, נדון במקרים שבהם לא מומלץ להשתמש ב-Auto Layout, כמו כאשר עוסקים בעיצובים שדורשים פריסה לא לינארית או התאמות פרטניות של אלמנטים. הבנת מתי להשתמש בכלי היא חלק בלתי נפרד מהשיעור, והיא מאפשרת למשתתפים לעבוד בצורה חכמה ויעילה יותר על פרויקטים שונים.

 

שיעור זה מעניק לתלמידים כלים מתקדמים ליצירת עיצובים דינמיים ומאורגנים, המותאמים לצרכים המודרניים של עיצוב אתרים וממשקים. ההיכרות עם Auto Layout אינה רק יתרון טכני, אלא גם פותחת אפשרויות חדשות לעיצוב פרודוקטיבי ומרשים.