כל כלי ה AI בפיגמה

כך יצרנו מודעות פייסבוק באמצעות כלי AI - ללא דוגמנים ובשעה של צילומים בלבד

במהלך 2024 – 2025 פיגמה הרחיבה משמעותית את יכולות ה AI שלה – מהאצת סקיצות ראשוניות ועד חיפוש ויזואלי, עריכת טקסט ותמונות, פרוטוטייפ בלחיצה, כלי ניתוח ב‑FigJam, וחיבור עמוק לעולמות הפיתוח. הפיצ’רים פרוסים כיום על פני Design, FigJam, Slides, Sites, Buzz ו‑Dev Mode. רובם זמינים למנויים בתשלום, עם גישה הניתנת לפי סוג המושב. כל זאת לא עוזר לה במחיר המניה, שנחתך בחצי מאז ההשקה. אבל נחזור לעולמות האפיון ועיצוב חווית המשתמש. בואו נסכם רגע את כל יכולות ה AI בפיגמה.

סקיצה ראשונית בלחיצה: First Draft
First Draft (המותג המחודש של Make Designs) מייצרת מסכים ראשוניים מתוך פרומפט, על בסיס ספריות רכיבים מובנות של פיגמה – מרמות לואו פי ועד ספריות ויזואליות עשירות. אפשר לבחור ספרייה, לנסח מטרה (“עמוד תמחור לסטארט‑אפ כלי‑מפתחים”), לקבל כמה וריאציות, ואז להמשיך לערוך כרגיל. זו דרך מצוינת לשבור “מסך לבן” (כשיש חסימה ולא יודעים אפילו איך להתחיל), לבחון כיוונים מהר, ולשמור על היצמדות לדפוסי UI מוכרים.

פרוטוטייפ בקליק עם AI
במקום לחבר ידנית “נודלס” בין העמודים והקומפוננטות, פיגמה מוסיפה אינטראקציות וחיבורים בסיסיים בין פריימים באופן אוטומטי – כולל next/back, ניווט תפריט וקישורים למסכים ייעודיים. משם אפשר לכוונן את הטריגרים והאנימציות ידנית. אגב, טיפ: שמות שכבות עקביים משפרים את התוצאה. שווה להשקיע כי החסכון בזמן הוא עצום. מה גם שהיום מאד קל לשנות שמות של כמה רכיבים בבת אחת, גם אם קיבלתם סקיצה ממישהו אחר. פשוט מסמנים את כל הרכיבים ובקליק ימני בוחרים RENAME, שמאפשר אופציות שונות לשינוי שמות השכבות.

חיפוש חכם: גם עם תמונה
ה‑AI של פיגמה עוזר “למצוא בלי לזכור”: חיפוש במילות מפתח, “Find more like” מתוך בחירה על הקנבס, או העלאת תמונה/סקרינשוט לאיתור קומפוננטות דומות בארגון או בקהילה – ואז לפתוח או להכניס ישירות לקובץ. זה חוסך זמן יקר במציאת קומפוננטות ו‑patterns קיימים.

סדר בקובץ: שינוי שמות שכבות אוטומטי
Rename layers with AI מעניק לשכבות שמות קונטקסטואליים בכמה קליקים, בלי לפגוע בשכבות שכבר נקראו ידנית ובלי לשבור אינטראקציות. יעיל במיוחד לפני handoff למפתחים.

יצירת תוכן שמדבר בשפת המוצר
ב‑Design, FigJam, Slides, Sites ו‑Buzz אפשר לשכתב, לקצר ולתרגם טקסט בלחיצה – לצמצם מיקרו‑קופי, להתאים טון שפה ולהדגים לוקליזציה מוקדמת. השתמשו בזה ליצירת עותקים ריאליסטיים במקום lorem ipsum, תוך שמירה על הקול המותגי.

תמונות: יצירה, עריכה וניקוי רקע
פיגמה מאפשרת היום ליצור תמונות מ‑prompt, להסיר רקע בלחיצה, ולשפר חדות בתמונות ברזולוציה נמוכה – ישירות מהקנבס. השילוב הזה מקצר משמעותית את הדרך למוקים “אמיתיים”, במיוחד למסכי חנות, כרטיסים וקולקשנים.

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

Dev Mode ו‑MCP: חיבור עמוק לקוד
ב‑Dev Mode, מעבר לאינספקשן וקוד‑ג’ן, Figma MCP server מחבר כלים וסוכני‑AI לנתוני העיצוב בצורה מבנית – כך שההמרה מקנבס לקוד מדויק יותר (כולל אינטגרציות ל‑VS Code, Cursor ועוד). עבור צוותי פיתוח זה מצמצם פערי הבנה ומעלה את איכות ה‑handoff.

קבלו דוגמה מעשית מהשטח
– מנהל.ת מוצר מגדיר.ה בפרומפט: “מסך הרשמה + אימות דו‑שלבי לאפליקציית פיננסים”. First Draft מספק וריאציות לואו‑פי תוך דקות.
– המעצבת בוחרת וריאציה, מחליפה טקסטים לטון תמציתי ומתורגם, ומייצרת תמונות משתמשים ריאליסטיות.
– בקליק מוסיפים פרוטוטייפ בסיסי ל‑happy path, ומכווננים ידנית את המיקרו‑אינטראקציות.
– בסדנת FigJam דנים באימות: AI ממיין פתקים לנושאים (UX, אבטחה, חוויית SMS) ומסכם החלטות.
– המפתחים פותחים Dev Mode, בודקים שינויים והשוואות גרסאות, ומושכים הקשרים דרך MCP לסביבת הקוד.

טיפים ישימים לאימוץ בטוח וחכם
– הגדירו גבולות: איפה מותר ל‑AI לייצר (wireframes, קופי, תמונות דמה) ואיפה נדרשת מודרציה, human in the loop, לפני שילוח.
– התחילו מ‑Design tokens ו‑קומפוננטות: ככל שהמערכת שלכם סדורה, ה‑AI יחזור עם תוצרים עקביים יותר.
– בנו ספר פרומפטים: שמרו ניסוחים שעבדו – סוג מסך, קהל יעד, אילוצים (ABA, WCAG, תבניות ניווט).
– בדיקות נגישות מוקדמות: אחרי auto‑copy/תרגום, עברו על היררכיית כותרות, ניגודיות ומצבי פוקוס.
– מדדו זמן שחסכתם: השוו “לפני/אחרי” על משימות כמו חיבור פרוטוטייפ, החלפת קופי, סדר שכבות.
– פרטיות ותלויות מודל: ציינו לקולגות מתי התוצר גנרטיבי, והימנעו מהדבקת מידע רגיש לפרומפטים.

לסיום
כלי ה‑AI של פיגמה כאן כדי להאיץ, לא להחליף את המומחיות שלכם. בחרו 1 – 2 יכולות לשילוב בספרינט הקרוב (למשל First Draft + פרוטוטייפ בלחיצה), הגדירו קריטריוני הצלחה, וחזרו ללמוד ולכוונן. אילו משימות תרצו שה‑AI יוריד מכם כבר בשבוע הבא – קופי, פרוטוטייפ או ניתוח פתקים ב‑FigJam? חשבו על כך.

עוד קצת...

905, 2023

משתמשים הרי לא קוראים מידע, הם סורקים אותו קודם, ורק…

Tags: , , , , , , , , |

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

1601, 2025

כך יצרנו מודעות פייסבוק באמצעות כלי AI – ללא דוגמנים ובשעה של צילומים בלבד

Tags: , , , , , , , , , , , , , , , , , , |

אני נרגש לשתף אתכם בפרויקט מרתק שבו יצרנו מודעות וידאו ותמונות עבור לקוח (מאמן כושר אישי), בעזרת מעל 10 כלים שונים של בינה מלאכותית. מהתמונות הפקנו סירטוני וידאו והפכנו את הכל לקמפיין פרסום בסייסבוק בעלות ומאמץ מינמיליים. כך, בקצרה, עשינו זאת: 1. התחלנו עם צילום תמונות של הלקוח ושלי, מבצעים תרגילי משקולות שונים. 2. החלפנו את הדמויות שלנו בתמונות, בדמויות רצויות באמצעות טכנולוגיית Masking - שהיא סימון למנוע הבינה [...]

2610, 2024

מחקר על ספידים – כך תיצרו מחקר מהימן למוצר, משתמשים, השראה, תוכן, רעיונאות ומסעות משתמש באמצעות AI

Tags: , , , , , , , , , , , , , , |

מחקר על ספידים - כך תיצרו מחקר מהימן למוצר, משתמשים, השראה, תוכן, רעיונאות ומסעות משתמש באמצעות AI מתוך הרצאה שערכתי לסטודנטים שלנו. אתם מקבלים מפה זיקוק טהור של איך בדיוק להשתמש במנועים שונים כדי לבצע מחקרי בנצ'מרק, משתמשים, יצירת תהליכים ומשעות משתמש/לקוח, כיצד לבדוק את עצמכם לפני כתיבת שאלונים? ראיונות.... לא פחות חשוב, מנועי ה AI, יותר מלהחליף אותנו,הם יעזרו לנו להוציא שלד ולהתמודד עם תופעת הלוח/הקאנבס הריק [...]

2306, 2024

כך תציגו מקרה בוחן ב-UX באמצעות וידאו – מדריך קל ופשוט

Tags: , , , , , , |

שלבים ביצירת וידאו למקרה בוחן בפוסט הזה, נלמד כיצד להציג מקרה בוחן מהפורטפוליו שלנו ב-UX באמצעות וידאו בקלות, כולל טיפים וכלים כמו Camtasia ו-Loom. הצגת מקרה בוחן ב-UX יכולה להיות כלי חזק בהבנה של תהליך האפיון. כאן נלמד כיצד ליצור וידאו בקלות כדי להדגים את העבודה וצורת החשיבה שלנו. אבל ראשית, נתחיל במעט הגדרות בסיסיות לגבי אפיון והצגת תוצרי אפיון. אפיון – תיאור עבודת ה"מנוע" של האתר. מה [...]

3101, 2024

אלוהי הדברים הקטנים: כפתור וטקסט

Tags: , , , , , , , , , |

והפעם בפינתנו "אלוהי הדברים הקטנים", ח'ח לפיצ'ר ול UX Copy של כפתור ה'לשתף ולהתייעץ', בתזרים התקציב החודשי במערכת רייזאפ. הבנת צורך משתמש פר אקסלנס. ולמה? הקופי, ברור וקולע יותר מסתם שיתוף. למה לי לשתף תזרים אישי אם לא כדי להתייעץ לגביו? ההדגשה של זה, במקום אייקון סתמי של שיתוף, מביא לנו רעיון ברור לצורך חדש שאולי לא חשבנו עליו. הביצוע: 10/10. מצד אחד, נשארים בתהליך עם קונבנציית [...]

412, 2023

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

Tags: , , , , , , |

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

312, 2023

מעצב UX או UI, כך המשתמשים שלך חושבים כשהם מול הממשק שעיצבת

Tags: , , , , , , |

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

עבור למעלה