פיגמה בעברית

למה ללמוד פיגמה, ומאיפה מתחילים

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

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

כל המדריכים, לפי הסדר

• פיגמה · שלב 1

  מתחילים בפיגמה

  דפדפן או אפליקציה, הכרת הממשק והקובץ הראשון בפיגמה.

• פיגמה · שלב 2

  Frames ו-Constraints בפיגמה

  ההבדל בין Frame ל-Group, וכללי Constraints לשינוי גודל.

• פיגמה · שלב 3

  Auto Layout בפיגמה

  כיוונים, ריווח, Hug ו-Fill, וטיפים ל-Auto Layout בעברית.

• פיגמה · שלב 4

  קומפוננטות ו-Variants בפיגמה

  Main component, Instance, Variants ו-Component properties.

• פיגמה · שלב 5

  Styles ו-Variables בפיגמה

  ההבדל בין Styles ל-Variables, Collections ו-Modes.

• פיגמה · שלב 6

  פרוטוטייפ בפיגמה

  Triggers, Actions, Smart animate, Overlays והצגת הפרוטוטייפ.

• פיגמה · שלב 7

  Dev Mode בפיגמה

  בדיקת מידות וקוד, Ready for dev, Code Connect ו-MCP.

• פיגמה · שלב 8

  פיגמה בעברית ומימין לשמאל

  מה עובד מובנה בעברית, מה לא, ואיך עובדים מסביב.

• פיגמה · שלב 9

  תוספים לפיגמה

  איך מריצים תוספים, ותוספים שימושיים מקהילת פיגמה.

• פיגמה · שלב 10

  FigJam: הלוח השיתופי של פיגמה

  לוח שיתופי לסדנאות, מחקר ותרשימים, כולל כלי AI.

• פיגמה · שלב 11

  קיצורי מקלדת בפיגמה

  טבלת קיצורים ל-Windows ול-Mac, לפי נושאים.

• פיגמה · שלב 12

  מחירי פיגמה: איזו תוכנית מתאימה לכם

  Starter, Professional, Organization, Enterprise ותוכנית החינוך.