פרק 22 - מי מפחד מוריאבלז? החידושים של פיגמה - סער גיל מארח את עומר פרנק

Design Club | דיזיין קלאב

די לפומו!!! פיגמה הכריזו על גירסה חדשה עם שיפורים מאוד משמעותיים שגרמו ללא מעט דיונים ברשת והלחיצו חלק גדול מהקהילה. חשוב להבין מה חדש אבל לא חייבים לאמץ ישר. מומלץ לחשוב טוב ולהעריך אימפקט מול מאמץ מבחינת זמן ותחזוקה ולהחליט אם יוצאים להרפתקאה הזאת - כמובן שאפשר לעשות את זה בשלבים לפי מה שהכי רלוונטי ויתן הכי הרבה ערך לעבודה היומיומית שלכם.

אז בשביל זה התכנסנו, הזמנתי את עומר פרנק ויחד נעשה לכם קצת סדר בארבעת החידושים המרכזיים:

Variables (Aliasing)

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

Auto-layout (Responsive)

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

Prototyping (Conditional Logic)

אם דיברנו בהתחלה על 2 ערכים של וריאבלז של צבע וגודל, יש עוד 2 ערכים של סטרינג ובוליאן שקשורים לפרוטוטייפינג חכם. נכנסת פה חשיבה לוגית ויצירה של פלואו מורכב. במקום ציור בעולם קאנבסי מהיר ומלוכלך (שאנחנו משלמים עליו בכאוס ויזואלי מאחורי הקלעים) אנחנו יכולים להכניס ערכים ולבנות סוג של דאטה בייס וליצור התניות (גדול מ.. קטן מ.. מה קורה אם..). נוסף לנו גם פריוויו בתוך הקאנבס כדי שנוכל לראות בלייב שינויים ולבדוק את הלוגיקה בצורה מיידית.

Dev Mode (Communication)

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