.

במיטאפ #40 גישרנו על הפערים בין עיצוב, מוצר ובינה מלאכותית. שמענו נקודות מבט שונות, התלבטויות אמיתיות, ניסיון מהשטח, והרבה כנות לגבי איך הדברים נראים כשעובדים עם כלים חדשים, קצב גבוה וציפיות משתנות. עומר אבירם: Bridging the Gap: Static Screens to Live Prototypes מכירים את זה שאתם מייצרים פרוטוטייפ בפיגמה, והכל נראה טוב, אבל כשמנסים לשלב נתונים אמיתיים והתנהגות מורכבת - פתאום משהו לא עובד והכל נהיה מסורבל? בהרצאה אציג איך שימוש בכלי בינה מלאכותית כמו קרסור, מאפשרים לנו לבנות פרוטוטייפ דינמי, מבוסס נתונים אמיתיים ולוגיקות מורכבות כדי לדמות את המוצר האמיתי. נדבר על תהליכי עבודה, דוגמאות פרקטיות וטיפים, שילוב כלים חיצוניים וטכניקות המאפשרות איטרציות ובדיקת פתרונות שונים בקלות. נבין מתי כדאי להשתמש בסוגי הכלים השונים ואת המגבלות שלהם. ⭐ עומר הכין לנו קובץ שמרכז הסברים וטיפים לכתיבת פרומטים בקורזור: https://drive.google.com/file/d/1hIid... אנה סטיליאנו: מי המעצב כאן? כלי בינה מלאכותית הפכו לחלק בלתי נפרד מתהליך העיצוב, ויחד עם היעילות והמהירות, עלו גם שאלות חדשות: מי מקבל את ההחלטות? מי אחראי על הבחירה? ואיפה עובר הגבול בין עזרה להובלה? בהרצאה נדבר על קבלת החלטות בעיצוב בעידן של בינה מלאכותית: הרגעים שבהם הבחירות מרגישות ברורות מאליהן, איך “קול חכם” נוסף משפיע על שיקול הדעת, ולמה דווקא עכשיו חשוב לעצור ולבחון מחדש את תפקיד המעצב בתוך התהליך.

**פאנל בנושא הכי חם: איך לעבוד עם AI? 🤖** כל הזמן יוצאים עוד ועוד כלים, אבל איך באמת מכניסים אותם לתהליך העבודה שלנו? האם הם באמת תורמים לנו ומקצרים את העבודה? איך משכנעים את האירגון להשתמש בהם? ומאיפה בכלל מתחילים? בפאנל ישתתפו 2 מומחיות שיענו על כל השאלות שלכם וישתפו מהניסיון שלהן, אחת כמעצבת יחידה בסטרטאפ, והשנייה על עבודה בשיתוף פעולה עם צוות שלם. יהיה מעניין! --- בואו נכיר קצת את הדוברות... 👋 💜 **חן ויצמן** מעצבת חוויות משתמש וחוקרת משתמשים, מתמקדת בעיקר במערכות מורכבות, ומובילה את הפרודקט דיזיין בסטארטאפ של team8 שעדיין ב-stealth. אל תפקידה כמובילת תחום העיצוב הראשונה היא מגיעה עם רקע בסטארטאפים וקורפורייטים בגדלים שונים. בנוסף, חן היא קו-פאונדר של UXR Lounge, קהילה המתמקדת במחקר משתמשים בישראל, בעלת תואר ראשון בפסיכולוגיה וסוציולוגיה מאוניברסיטת תל אביב, ותואר שני בתקשורת מאוניברסיטת רייכמן. **יוליה בודיאנסקי** מעצבת יואיקס יואיי בכירה בחברת Zoominfo, עם למעלה משבע שנות ניסיון בעיצוב חוויית משתמש למערכות מורכבות, כולל ניהול צוותי עיצוב. בחיפוש מתמיד אחר דרכים לעבוד חכם יותר - בתוך צוות העיצוב ובשיתופי פעולה עם מחלקות אחרות, לאחרונה, כמובן, גם באמצעות בינה מלאכותית. בעלת תואר שני בפסיכולוגיה ומרצה מעת לעת על חוויותיה מהשטח.

הקלטה של המיטאפ של הדיזיין קלאב בשיתוף פעולה עם אלמנטור. דיברנו על איך ליצור חוויית שימוש טובה יותר בממשקי שיחה, איך לשלב בינה מלאכותית בארגון בצורה חכמה, איך לחשוב במונחים של "כלכלת פרומפטים" בוייב קודינג, ואיך לבנות תהליכי עבודה ואוטומציה שמקצרים משמעותית את הזמן מרעיון למוצר. 00:00 אינטרו של סער גיל 02:40 אדפטיישן - שרית לב נותנת טיפים לשילוב כלי בינה מלאכותית במוצר שלנו ואיך נוכל להקל על משתמשים בממשקי צ'ט: הפחתת חיכוך, תבניות והשלמות חכמות. 20:17 אינטגריישן - שמוליק דבר משתף איך מזהים מקומות בתהליך העבודה שלנו שבהם אפשר לשלב כלי בינה מלאכותית לייעול 39:26 ולידיישן - נסטיה גולובוצקי מדגימה איך אפשר ליצור פרוטוטייפים מהירים ומדוייקים באמצעות פיגמה מייק כדי לקבל פידבקים מהשטח בזמן קצר 53:40 אוטומיישן - יובל קשטכר מציג שימוש בכלי נו-קוד לשיכפול כח העבודה ויצירת אוטומציות למשימות רפיטטיביות

ללא תיק עבודות אי אפשר להתחיל להתראיין בתעשייה. הוא הכרטיס כניסה שלנו לתהליך ויקבע לא רק אם נעבור את שלב הסינון הראשוני אלא גם איך יראה שאר התהליך. בפרק הזה התעמקנו בשאלות קשות וניסינו לעזור למועמדים, גוניורים וסיניורים, להבין לעומק איך מגייסים מסתכלים על תיקי העבודות שלהם ומה באמת יכול לתת לכם יתרון תחרותי על מועמדים אחרים. ריכזנו מה שאתם באמת צריכים כדי לתכנן נכון את תיק העבודות שלכם ועברנו על תיקי עבודות מוצלחים של גוניורים שנמצאים בדיוק בשלב שבו אתם נמצאים. דיברנו על: מה בכלל המטרה של תיק העבודות ולמה אתם צריכים להסתכל עליו - כמו כל מוצר שאתם מתכננים ומעצבים? איך מגייסים מסתכלים על תיק העבודות שלכם? ומה גורם להם לסגור אותו מיד או לרצות לפנות אליכם? מה באמת חייב להיות בתיק העבודות? איך להפריד בין עיקר לטפל. איך ואיפה צריך לבנות את תיק העבודות? איך תיק העבודות יכול להעניק לכם יתרון מול המועמדים האחרים? לינקים לתיקי עבודות שראינו בפרק: https://fantasy.co/ https://tal-shapira.framer.website/ https://itaibarre.com/ https://keyavadgama.com/ https://vemula.me/

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

אז Auto Layout ב-Figma יכול להיות מאתגר, ובסרטון הזה אני מסביר שלב אחרי שלב איך יצרתי קומפוננטות Pricing Cards רספונסיביים בעזרת Auto Layout.

איך יצרתי מיקרו-אינטראקציות של Lottie — בלי לפתוח After Effects? בסרטון הזה אני מדגים איך יצרתי אנימציה בעזרת Figma ו-Lottielab בלבד. עד היום, כל פעם שרציתי להוסיף מיקרו־אינטראקציות, הייתי עובר דרך After Effects. וזה אחלה כלי, אני עובד איתו לא מעט… אבל הוורקפלואו מסורבל, וה-learning curve שלו משמעותי. בעזרת Lottielab אפשר ליצור, לערוך ולייצא אנימציות בפורמט Lottie — ישירות מהדפדפן, ובממשק שמאוד דומה ל-Figma. בסרטון הזה, אני מראה את התהליך, שלב-שלב, איך יצרתי את האנימציה ישירות מעיצוב שיצרתי ב-Figma. אם אתם יוצרים מיקרו-אינטראקציות למוצרים שאתם עובדים עליהם או לאתרי אינטרנט — שווה לבדוק.

אם אתם עובדים על פלואים ב-Figma ועדיין מציירים ידנית את הקווים שמחברים בין המסכים השונים – אז זה בשבילכם. אז ההאק הזה אמנם ממש קטן, אבל חוסך זמן וכאב ראש של ציור ידני של הקווים המחברים בפלואו שלכם. מכיוון שאנחנו נשתמש ב-Connector lines ישירות מ-Figjam בשביל זה, אז יש לנו התנהגות נייטיבית שעובדת הרבה יותר טוב משימוש בפלאגינים כדי להגיע לאותה תוצאה. נסו את זה בפלואו הבא שלכם ותראו כמה זה חוסך זמן. ואם יש לכם האקים נוספים שעושים לכם חיים קלים בפיגמה, אשמח שתשתפו בתגובות.

ידעתם שאפשר לייבא ל-Figma כמעט כל קומפוננטה או לייאאוט של מוצרים מוכרים כמו Airbnb, ChatGPT או Notion – עם אוטו-לייאאוט, גודל פונטים, צבעים, ספייסינג, פאדינג, hover states – כמעט כאילו זה הקובץ דיזיין המקורי? 🤯 אז בפוסט הקודם שיתפתי אתכם בפורמט החדש שאני עובד עליו - סרטונים על עיצוב מוצר, והכי כיף היה לשמוע שהוא באמת עזר ונתן ערך פרקטי. הפעם הסרטון הוא על פלאגין לפיגמה שעושה קסמים: הוא מאפשר להמיר כמעט כל מבנה HTML לפיגמה. קודם כל, אם אתם עובדים על קומפוננטות או דיזיין סיסטם עבור מוצר אצלכם בחברה, הפלאגין הזה מאפשר לקבל הצצה והשראה לאיך המעצבים הטובים בעולם בונים קומפוננטות. קחו לדוגמא Popover מChatGPT - תוכלו לראות בדיוק איך המעצבים בOpenAI מגיעים לרמת דיוק בטיפוגרפיה, צבעים וספייסינג ותוכלו ליישם את זה גם אצלכם במוצר. הפלאגין פותח גם דרך חדשה לעשות QA לדיזיין מול הפיתוח: אפשר לקחת פיצ'ר שעיצבתם, להחזיר אותו מתוך הפרונט חזרה לפיגמה, ולבדוק אם מה שפותח תואם אחד לאחד למה שעיצבתם בפיגמה.

מה זה מודל ה- HSL בכלל? במה הוא שונה מ- RGB?HSL במקום RGBולמה ממש כדאי לכם להשתמש בולמה ממש כדאי לכם להשתמש ב HSL במקום RGB?

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

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

Missed our incredible design meetup? We've got you covered! Watch as our excellent speakers shared game-changing insights on the future of product design. What you'll see in this video: How AI is reshaping product design approaches (Hadar from Hibob) From idea to Figma plugin using AI code generation (Yair from BigID) Transforming design chaos into crystal-clear workflows (Noy from Cellebrite) Breaking down the dev vs design war with heart-to-heart alignment (Inbar from Gong) Enterprise governance that actually makes sense (Leni & Adi from Bank Hapoalim) How scaling design unlocked more profound impact (Cheli from Natural Intelligence) The critical first steps of redesigning living design systems (Natalie from Palo Alto Networks)

Michal Cohen | COO & Co founder @Anima | AI and Design Systems Let's talk Design Systems meetup | April 27 2025 @ Melio

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

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

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

היום נראה דמו של כלי חדשני שמשנה את האופן בו מעצבי מוצר מנהלים את הטקסטים במסכי המוצר בתוך פיגמה. https://www.frontitude.com/ הכלי משתלב באופן טבעי בסביבת העבודה ומציע למעצבים הצעות תוכן חכמות מבוססות בינה מלאכותית, עוזר לשמור על אחידות בטקסטים, ומאפשר לנהל את כל תהליך הכתיבה והעריכה מבלי לצאת מסביבת העיצוב. מעבר לייעול תהליך הכתיבה, הכלי מפשט משמעותית את העבודה המשותפת עם שאר חברי הצוות. המעצבים יכולים לשתף את הטקסטים לביקורת עם אנשי תוכן או מנהלי מוצר ללא צורך בהרשאות מיוחדות, לצפות בתרגומים בזמן אמת ולזהות בעיות עיצוב הקשורות לאורך טקסט בשפות שונות, ולעדכן את כל השינויים באופן אוטומטי. הכלי אף מתחבר ישירות לסביבת העבודה של צוותי הפיתוח, מה שהופך את תהליך העברת הטקסטים לקוד לפשוט וחלק. בתכלס, פרונטיטיוד מאפשר למעצבים להתמקד ביצירת חוויות משתמש מעולות, בזמן שהוא מטפל בכל המורכבות של ניהול הטקסטים והתקשורת עם שאר הצוות.

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

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