קורס פיגמה

22 שיעורי וידאו ממוקדים
צפייה מכל מכשיר, בכל זמן.

1.הקדמה
תהליך שינוי צורת העבודה בשנים האחרונות, ההבדלים והמעבר בין תוכנות הפרינט לדיגיטל. מהי פיגמה? מה גרם לי לעבור לפיגמה מהכלים האחרים ומה היתרונות שמצאתי ושמשאירים אותי מרוצה עד הגג, ואיך אתם יכולים לעשות את המעבר גם!

הדרך שלכם להצלחה מתחילה כאן!

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

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

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

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

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

7.Masks
המסכה שהכרתם, עכשיו בפיגמה בצורה הקלה והנכונה ביותר! אחת מצורות העבודה הנפוצות ביותר היא ע"י שימוש במסכות כדי להסתיר או ולגלות חלקים או אזורים בממשק. כל האפשרויות לכיסוי מקום נבחר לפי העיצוב בהתאמה, ההגדרות הנכונות, עבודה נקיה עם שמירה על משקל הקובץ.

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

9.Tool Pen
הכלי האהוב ביותר בידי מעצבים, יותר נוח ממה שאתם רגילים, יותר מבין… מהו כלי הציפורן בפיגמה? מה היתרונות שקיימים בו בהשוואה לשאר התוכנות? כיצד משתמשים בו, כיצד הוא שונה מכלים מקבילים בתוכנות אחרות ומה היתרונות שלו בפיגמה, השימושים השכיחים, כל האופציות של הכלי במקומות הנכונים.

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

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

Variants + AutoLayout.12
האוטולייאוט של פיגמה הוא פיתרון חדשני ומדהים לניצול זמן אדיר בשלבי העבודה, ודיוק מושלם לעיצוב המוקפד של האפליקציה. ריווחים, פדינג, לייאאוט, הכל בחישוב אוטומטי וממוחשב, תשכחו מכל העבודה הקשה שהייתה עד היום!

Components.13
הקומפוננטות הן אחת מיסודות התכנון של הדיזיין סיסטם. קומפוננטות הן הדרך שלנו להפוך את מלאכת העיצוב להכרחית ונכונה הרבה יותר. הקומפוננטות מאפשרות לנו לעצב אלמנט ראשי של הממשק ולהשתמש בו שוב ושוב תוך שמירה על קשר עם הקומפוננטה המקורית. כך למשל אם נרצה לעצב כפתורים – נעצב כפתור ראשי ראשוני וממנו נעצב את כלל הכפתורים במערכת. ובמידה ונרצה להחליף את עיצוב הכפתורים כולם – נסיים בלחיצה אחת וזהו!

Plugins.14
מהם פלאגינים? מהם הנפוצים שבהם? איך משלבים עבודה עם פלאגינים בתהליך האיפיון והעיצוב בפיגמה? פלאגינים שימושיים חינמיים שיחסכו לכם שעות עבודה ארוכות! נדגים איך לעבוד על פלאגינים מבוססי AI ובינה מלאכותית, עבודה נכונה עם צ'אטים AI GPT (גיטיפי), claude (קלוד) ועוד, וכתיבת פרומפטים נכונים ומדויקים.

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

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

AI.17 – בינה מלאכותית 2025
נעמיק בשילוב כלי AI בפיגמה, המקצרים את תהליכי העבודה של המעצב המודרני. נעזר בשימוש בפלאגינים חכמים להאיץ תהליכי עיצוב, בדיקת עקביות ויצירת ואריאציות עיצוביות. נלמד כיצד לנצל את Figma ליצירת קומפוננטות חכמות, נשתמש ב-Auto Layout AI לסידור אוטומטי של אלמנטים, ולבצע בדיקות נגישות מתקדמות. נתנסה ב-FigJam לעבודה משותפת, ונחקור את השילוב עם כלים מבוססי AI ליצירת נכסים ויזואליים מותאמים אישית.

+2 שיעורי בונוס בלעדיים!
בהתאם לחידושים והפיצ'רים המתקדמים

שיעור בונוס 1!
איך להיכנס לשוק העבודה? טיפים קריטיים בכדי להשתלב בעבודות המשתלמות בשוק! התאמת תיק עבודות ל UXI, התאמת קו"ח לפי המשרה, שדרוג תיק עבודות, וראיון מוצלח.

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

2 פרויקטים מקצועיים בפועל
בשילוב 5 תרגילים צעד אחר צעד