אחד ולתמיד Sketch VS Figma

לפני זמן לא רב, Sketch הייתה הכלי מס' 1 בעיצוב ux/ui עם מספר בלתי מבוטל של משתמשים נאמנים. אבל אז פרצה לעולם שלנו Figma, כלי חדשני, מבוסס Web, ששינה את חוקי המשחק.

לפני זמן לא רב, Sketch הייתה הכלי מס' 1 בעיצוב ux/ui עם מספר בלתי מבוטל של משתמשים נאמנים. אבל אז פרצה לעולם שלנו Figma, כלי חדשני, מבוסס Web, ששינה את חוקי המשחק.

לפי סקר של UX tools כ 66% מהמעצבים השתמשו ב Figma בשנת 2020, לעומת שנת 2019 בה השתמשו רק 37% מהמעצבים.
האם המגפה העולמית בשילוב הגידול בעבודה מרחוק היו אלה שהשפיעו על המעבר המסיבי ל Figma כיוון שהיא מאפשרת עבודת צוות מרחוק ושיתוף פעולה בזמן אמת, או ש Figma הוא כלי עיצוב טוב יותר?

שאלה מהירה: איזה כלי עיצוב טוב יותר?

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

Figma VS Sketch : השוואה מעמיקה

כלי מבוסס Web לעומת Mac בלבד

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

שימוש ב Plugins

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

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

עיצוב Prototype

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

עבודת צוות

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

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

מצד שני, לסקצ’ אין שום תכונת שיתוף פעולה, כל מעצב עובד בנפרד. ניתן לשתף את הקבצים רק שהם מוכנים ע”י העלאת הקובץ לענן סקצ’ ושיתוף הקישור- לא אידיאלי.

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

אובייקטים וקטורים

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

Figma VS Sketch : יש קווי דמיון?

פונקציות ותכונות

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

מבחינת מבנה, תכונות, פונקציות וקיצור מקשים הן דומות מאוד, בשני הכלים עיצוב השכבות נמצא משמאל, הכלים בחלק העליון והקנבס במרכז.
ההבדל הבולט בין שני ממשקי המשתמש הוא המינוחים המשתנים:
מה שסקצ’ מכנה Symbols, פיגמה מכנה Components
מה שסקצ’ מכנה Artboards, פיגמה מכנה Frames

Symbols או Components 

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

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

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

Artboard או Frames

גם פיגמה וגם סקצ’ מאפשרות לייצר Artboards (מה שפיגמה מכנה Frames) ודפים עם פריסת עמודות ורשתות, בהם תוכלו להגדיר אילוצים הקובעים את גודל המרכיבים והפרופורציה שלהם. בשתי התוכנות ממשק ה UI דומה מאוד בעריכת פיצ’רים אלו.

מתי כדאי להשתמש ב Sketch? מה המגבלות?

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

Sketch Interface

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

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

זמין רק למשתמשי Mac- מגבלה עיקרית אשר מונעת ממשתמשים רבים להשתמש בתוכנה.
אין אפשרות לעבודה בשיתוף פעולה- מעצבים בעיקר צריכים לעבוד לבד כדי להשלים פרויקט ואז לשתף את הקובץ על ידי העלאה לענן Sketch ושיתוף קישור אליו.
דריסת קבצים- במקרה ושני מעצבים עובדים על אותו קובץ במקביל (ללא ידיעת השני) ואחד מהם מבצע שמירה של הקובץ, הקובץ החדש דורס את הקובץ הישן. זה מקרה שיכול “לזרוק לפח” עבודה ארוכה של מעצבים.

מתי כדאי להשתמש ב Figma? מה החסרונות?

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

Figma Interface

תוכנת פיגמה מתאימה לעיצוב אתרים, ממשק משתמש UI לאפליקציות ומערכות, עיצוב UX, Wireframes, פרוטוטייפ אינטראקטיבי ועוד.

למרות ש Figma היא שחקנית חדשה יחסית בענף בהשוואה לסקצ’, היא צמחה במהירות ויכולות העיצוב שלה שוות כרגע לסקצ’. אך האם זה הופך את פיגמה לכלי העיצוב המושלם? לא באמת והנה למה:

לא עובדת ב Offline – תלות בחיבור אינטרנט יכול לגרום לעיכוב והאטה בזמני טעינת הקובץ, במיוחד עם החיבור לאינטרנט אינו מספיק חזק. מעצבים נוטים לעבוד “תוך כדי תנועה”, דבר שאינו אפשרי בצורה טובה עם פיגמה. אין דבר אשר מעכב יותר תהליכי עבודה, בעיקר שמדובר בעיצובים גדולים ומורכבים בתלות בחיבור אינטרנט.
שמירה על פרופורציה- אחד התהליכים החשובים בעיצוב UX/UI הוא התאמה למסכים שונים, עושים זאת ע”י הגדלה והקטנה של קומפוננטות, פיגמה לא מאפשרת לבצע זאת בצורה אידיאלית כמו סקצ’. התוכנה לא מספיק “חכמה” כדי לשמור על פרופורציות האלמנטים בתוך אותה הקומפוננטה.

שאלות ותשובות

האם Figma יכולה לפתוח קבצים של Sketch?

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

איפה יותר קל לערוך ולשנות קומפוננטות?

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

מה כדאי לי ללמוד? Sketch או Figma?

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

לסיכום,

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

כמעצבי ממשק משתמש, כלי העיצוב שלכם יהיה תלוי במידה רבה בהעדפות האישיות שלכם, במה שנוח לכם ובעיקר מה שיותר מתאים לצוות שבו אתם עובדים.