# יום 5 (מתוך 15)
חדשות בגרסת הבטא
אצלי בגרסא הרגילה הרגשתי איטיות
אבל לא הייתה לי אפשרות לבדוק
אם זו בעיה במחשב, בחיבור לרשת או בפיגמה עצמה.
דרישות המערכת של פיגמה
שוב, חוזרת לאותו נושא
למאמר המלא והסופר מעוצב (אנגלית)
כאן
קמפוננט
בעברית עוד לא החליטו אם המילה הזו היא זכר או נקבה
תוכלו למצוא אותה גם כקמפוננטה, קמפוננטים או קמפוננטות.
בהודעות קודמות תיארתי את זה כסמארט אובגייקט בפוטושופ
אבל ההשוואה הנכונה יותר היא עמוד מאסטר באינדי.
קחו את הרעיון של מאסטרים, רק על צורות.
סופר שימושי.
בגדול, קמפונט יכול להיות גם קמפוננט אחר וכך הלאה...
רק מה שצריך זה לשמור עליהם ולא למחוק.
שינוי בקמפוננט - משנה את כל העתקים
שינוי בעותק הוא מקומי בלבד.
אנימציה
בגדול, כמו כל שאר הפעולות בפיגמה
האנמציה קלה וברורה
Figma Smart Animate
לא יוצא לי תכלס להתנסות
אבל מצפיה בסרטון:
- האנמציה עובדת גם במצבים שהם לא רק לחיצה, כמו הובר.
- מתבסס על שכבות עם אותם שמות.
בשביל שהאנימציה תעבוד אסור לשנות שמות.
- לא מתחיל מ0. זתומרת- אם רציתם שהתפריט יכנס פתאום,
הוא אמור להיות על הארטבורד הראשון,
אמנם בחוץ, שלא רואים אותו, אבל הוא שם.
צורת עבודה
באחד הפוסטים שקראתי (הקישור איפשהו בהודעות למעלה)
מישהו תיאר את הפרוייקט בפועל כפרזנטציה אחת גדולה.
עוד לפני שהתחלתי לעבוד תכלס, ניסיתי לארגן לי את צורת העבודה
החלטתי שכל דף יהווה שלב, ובכל קנבס יהיו מספר פריימים
ובכל פריים אציג את המידע הרלוונטי.
דף 1: הבייסיק
אפיון, פרסונות, עץ אתר, כללי העיצוב
דף 2: וואיירפריים
דף 3: עיצוב מלא + תוכן
של כל המסכים + אנימציה.
בעיניי התכנון הזה היה נראה מושלם
כך בפרוייקט אחד הכל מקובץ:
כל דף הוא שלב שעוברים,
כל פריים יקבל שם, וכך גם כל פריט בקבוצה.
צפיתי ב
Build a Design System in Figma
שם הוא מתכנן את המערכת בצורה שונה:
כל קבוצת אלמנטים היא בדף נפרד.
כלומר: דף לצבעים, דף לטיפוגרפיה והלאה.
התלבטתי איך להתחיל,
והחלטתי לנסות את הדרך שלי
(הגיוני יותר בעיני, וגם פחות בלאגן)
עבדתי ככה:
ממש התחלה של ההתחלה,
בהמשך האפיון יורחב וישמין
מה יש כאן?
פריימים, לכל אחד שם ביחס למה שהוא מכיל
colors. type. shape וכו'.
את הצבעים שמרתי כסטיילים, משלב באפיון לכל הפרוייקט
כנ"ל את הטיפוגרפיה.
הצורות והלוגואים בקומפננטות.
את הפריימים איחדתי לקבוצה וקראתי לה עיצוב.
למפת האתר פתחתי פריים חדש
ובתוכו 2 פריימים בצבע אפור בהיר, כדי שאוכל לראות את ההבדל,
המתארים את תהליך הקניה ואת תהליך המכירה
(אתר של סוכנים)
הצבעים מבחינתי מסמנים את חשיבות העמודים מבחינת בעל האתר
וכמובן - כל ריבוע-מלבן זכה לשם שמתאר את הפעולה העיקרית של הדף.
פחדתי שאצטרך ליצור את כל חיצי הפלואו לבד
ומצאתי תוסף מעולה בשם autoflow
שהומלץ ב
Figma Plugins | Overview & Favorites
בוחרים 2 פריימים ופשוט לוחצים על הפלאגין
מיד מקבלים את החץ. מגיע כמו כל צורה רגילה,
אפשרי לערוך, למתוח, לסובב, להחליף.
וכך זה נראה עם השמות השונים, החיצים והמבנה.
את כל הצורות המרכיבות את החיצים נעלתי למעלה
בתיקיה מבלגנת תחת השם פלואו. אני לא צריכה אותה לאח"כ.
בימין תוכלו לראות את הסטיילים המוכנים
באמצע את העיצוב
ובשמאל את המבנה של הדפים והפריימים השונים.
לשתף בקלות
כמה לחיצות ושלחתי שיתוף ללקוח.
ניסיתי למצוא קישור לפריים ספיצית, כדי שתוכלו אתם להכנס ולבדוק,
אבל נתקלתי ב404 של פיגמה
אחרי בדיקה שיניתי את ההגדרה ל'כל אחד עם קישור יכול לצפות'
אבל התוצאה שהתקבלה הייתה של כל הפריימים המלאים
ואת זה לצערי אני לא יכולה לשתף...
הסרטון היומי
Top Figma Plugins 2019 (and how to install Figma Plugins)
סקירה ארוכה ומקיפה על הפלאנים השווים + הדגמה
משימושיים ממש כמו טבלאות אקסל ועד 3D אפקטס.
התרשמות עד עכשיו
אם בהתחלה חשבתי לבדוק את פיגמה בשביל לדעת אם שווה לעבור
עכשיו זו כבר החלטה והסתגלות לצורת עבודה חדשה.
פיגמה שווה את המעבר.