כלים
כלים למעצבי UX ו-UI
הכלים שבהם משתמשים לאורך תהליך העיצוב, מסקיצה ועד מסירה לפיתוח. לכל כלי יש קישור לאתר הרשמי ותיאור קצר לפי מה שהיצרן עצמו כותב. לא הכנסנו מחירים, כי הם משתנים לעיתים קרובות.
איך לבחור כלי
אין צורך בכל הכלים ברשימה. רוב הצוותים עובדים עם כלי עיצוב אחד, כלי אחד למחקר ובדיקות, וכלי אחד לבדיקת נגישות. כדאי לבחור לפי מה שהצוות שלכם כבר משתמש בו, לפי מערכת ההפעלה, ולפי האפשרות לעבוד יחד על אותו קובץ.
כלי עיצוב ממשק
| כלי | מה הוא | קישור |
|---|---|---|
| Figma | כלי עיצוב שיתופי בדפדפן ובאפליקציה. Figma מתארת את עצמה כקנבס שבו עיצוב, קוד ו-AI נפגשים, מהרעיון ועד המוצר. | figma.com |
| Penpot | פלטפורמת עיצוב בקוד פתוח לצוותים שבונים מוצרים דיגיטליים. | penpot.app |
| Sketch | כלי לעיצוב, אב-טיפוס, שיתוף פעולה ומסירה. אפליקציית העריכה שלו פועלת על macOS. | sketch.com |
| Framer | בונה אתרים עם עורך עיצובי, כולל אירוח, CMS ואנליטיקה. | framer.com |
מתחילים בפיגמה? המדריכים שלנו עוברים צעד אחר צעד, מהתחלת העבודה ועד תוספים.
אבות-טיפוס
| כלי | מה הוא | קישור |
|---|---|---|
| Figma Prototype | מצב האב-טיפוס בתוך Figma: מחברים פריימים באינטראקציות ומציגים זרימה לחיצה. | help.figma.com |
| ProtoPie | פלטפורמה לאבות-טיפוס עם אינטראקציות מתקדמות, כולל מסירת מפרטים לפיתוח. | protopie.io |
על אבות-טיפוס בפיגמה במדריך Prototype בפיגמה.
מחקר משתמשים וסדנאות
| כלי | מה הוא | קישור |
|---|---|---|
| Optimal Workshop | פלטפורמת מחקר עם כלים למיון כרטיסים (Card sorting), בדיקת עץ (Tree testing), בדיקת לחיצה ראשונה, סקרים וראיונות. | optimalworkshop.com |
| Dovetail | פלטפורמה לניתוח משוב של לקוחות וחומרי מחקר לא מובנים, כמו ראיונות. | dovetail.com |
| Miro | לוח עבודה ויזואלי משותף לסדנאות, מיפוי ותכנון מוצר. | miro.com |
| FigJam | הלוח הלבן של Figma לסיעור מוחות, מיפוי מסע משתמש ותרשימים. | figma.com/figjam |
על השיטות עצמן: מחקר משתמשים, ארכיטקטורת מידע וFigJam.
בדיקות שמישות ונתוני שימוש
| כלי | מה הוא | קישור |
|---|---|---|
| Maze | פלטפורמת מחקר שמרכזת גיוס משתתפים, בדיקות וניתוח. | maze.co |
| Lyssna | פלטפורמה למחקר משתמשים ובדיקות שמישות. | lyssna.com |
| Useberry | פלטפורמת מחקר מרחוק לבדיקות מונחות ולא מונחות של אתרים, עיצובים ואבות-טיפוס. | useberry.com |
| Hotjar | כלי לניתוח התנהגות גולשים באתר. לפי האתר, Hotjar חברה ל-Contentsquare. | hotjar.com |
| Microsoft Clarity | כלי לניתוח התנהגות משתמשים באתר באמצעות הקלטות גלישה ומפות חום. | clarity.microsoft.com |
איך מתכננים ומריצים בדיקה, במדריך בדיקות שמישות.
מסירה לפיתוח ומערכות עיצוב
| כלי | מה הוא | קישור |
|---|---|---|
| Figma Dev Mode | מצב בתוך Figma שנועד למפתחים: מידות, מאפיינים וקוד לעיון. | help.figma.com |
| Zeplin | כלי לתיעוד עיצובים, מיפוי זרימות ומעקב אחרי שינויי גרסאות לפני מסירה. | zeplin.io |
| Storybook | סביבת עבודה בקוד פתוח לבנייה, בדיקה ותיעוד של רכיבי ממשק ועמודים בבידוד. | storybook.js.org |
| Tokens Studio | פלטפורמה לניהול Design tokens שמחברת בין עיצוב לקוד. | tokens.studio |
על מסירה מסודרת במדריך Dev Mode, ועל טוקנים במדריך מערכות עיצוב.
בדיקות נגישות
| כלי | מה הוא | קישור |
|---|---|---|
| WAVE | כלי של WebAIM להערכת נגישות של עמודי אינטרנט. | wave.webaim.org |
| axe | כלי בדיקת נגישות של Deque לאתרים, לאפליקציות ולתוכן. | deque.com/axe |
| Lighthouse | כלי בדיקה של Google שמריץ ביקורת על עמודים, כולל ביקורת נגישות. | developer.chrome.com |
| NVDA | קורא מסך של NV Access ל-Windows. | nvaccess.org |
שאלות נפוצות
באיזה כלי כדאי להתחיל ללמוד עיצוב UI?
רוב המשרות והקורסים היום מבוססים על Figma, ולכן היא נקודת התחלה טבעית. אם חשוב לכם קוד פתוח, Penpot היא חלופה.
איך בודקים נגישות של אתר?
מתחילים בכלי אוטומטי כמו WAVE, axe או Lighthouse, וממשיכים בבדיקה ידנית עם מקלדת וקורא מסך כמו NVDA.
מה ההבדל בין Maze ל-Optimal Workshop?
שניהם פלטפורמות מחקר. Optimal Workshop מוכר במיוחד בכלים לארכיטקטורת מידע, כמו מיון כרטיסים ובדיקת עץ. Maze מתארת את עצמה כפלטפורמה שמרכזת גיוס, בדיקות וניתוח.
למה אין כאן מחירים?
המחירים של כלי עיצוב ומחקר משתנים לעיתים קרובות. בדקו תמיד את עמוד המחירים הרשמי של כל כלי. על המחירים של Figma יש מדריך נפרד.
מקורות
- Figma · Figma
- Penpot · Penpot
- Sketch · Sketch
- Framer · Framer
- ProtoPie · ProtoPie
- Optimal Workshop · Optimal Workshop
- Dovetail · Dovetail
- Miro · Miro
- Maze · Maze
- Lyssna · Lyssna
- Useberry · Useberry
- Hotjar · Hotjar
- Microsoft Clarity · Microsoft
- Zeplin · Zeplin
- Storybook · Storybook
- Tokens Studio · Tokens Studio
- WAVE Web Accessibility Evaluation Tools · WebAIM
- Axe accessibility testing tools · Deque
- Introduction to Lighthouse · Chrome for Developers
- NVDA · NV Access
נבדק מול המקורות לאחרונה ב־10 בנובמבר 2026. מצאתם טעות? כתבו לנו.