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

למה עמוד כזה שווה למעצב יותר מאלף טיפים מפוזרים

מעצב גרפי או מעצב חוויית משתמש לא באמת סובל ממחסור בכישרון; ברוב המקרים הוא סובל ממחסור בספרייה מסודרת. בכל שבוע צצים עוד פונטים, אייקונים, mockups, AI tools, מאגרי תמונות, תוספים ל‑Figma, ספריות רכיבים, טקסטורות, דפוסים, כלים להסרת רקע, generators לצבעים, ואינספור עמודים שמבטיחים “כל מה שצריך במקום אחד”. הבעיה היא שכאשר הכול פתוח, הראש מתפזר, ובמקום לעבוד מהר יותר מתחילים לקפוץ בין לשוניות ולשכוח איפה נמצא כל דבר. עמוד טוב מהסוג שאתה קורא עכשיו פותר בדיוק את זה. הוא לא עוד רשימת לינקים אקראית, אלא בסיס עבודה שנועד לחסוך זמן, לחדד בחירות ולהפוך את החיפוש אחר משאבים לחלק אינטליגנטי מהתהליך היצירתי. במקום לפתוח כל פעם מחדש עשרים חיפושים שונים, אפשר להגיע לכאן, להבין לאיזה סוג חומר אתה צריך לגשת, ולצאת לעבוד עם החלטה ברורה.

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

מעבר לכך, מעצב רציני יודע  עיצוב גרפי ושהמשאב הנכון משנה לא רק את מהירות העבודה אלא גם את איכות התוצאה. תמונה טובה מקפיצה עמוד שלם. פונט נכון הופך היררכיה לברורה. אייקונים עקביים גורמים לממשק להיראות בשל. mockup מדויק גורם ללקוח להבין את הערך של העבודה מהר יותר. ודווקא בגלל זה לא מספיק “להכיר כמה אתרים”. צריך לבנות שיטה. צריך לדעת מתי לחפש במאגר פתוח, מתי ללכת למקור רשמי, מתי להעדיף מערכת design system, מתי להיזהר ממאגר שנראה חינמי אבל מגביל בשימוש מסחרי, ומתי לעצור כדי לא להעמיס על הפרויקט. המטרה כאן היא לעזור בדיוק במקום הזה: לא רק לתת מעל 500 קישורים, אלא גם ללמד איך להשתמש בהם בחוכמה.

קישור לקבוצה שמאפשרת לבוגרי לימודי תקשורת חזותית עיצוב גרפי ללא ניסיון בכלל למצוא עבודה בקלות: https://www.facebook.com/groups/SGRAPHICDESIGNONLINE

מפסיקים לבזבז זמן על חיפושים: המדריך העמוק עם מאות אתרים להורדת כל מה שמעצב מקצועי באמת צריך – איך להשתמש בספרייה הזאת בלי לטבוע בעומס

יש הבדל גדול בין עמוד עמוס לבין עמוד שימושי. לכן הדרך הנכונה לעבוד עם ספרייה כזאת היא לא לגלול באופן אקראי, אלא לבוא עם שאלה ברורה. האם אתה צריך תמונת hero? פונט עברי לכותרות? סט אייקונים אחיד? mockup למובייל? איורים למצב empty state? תבנית dashboard? צבעי מותג? רקעים גנרטיביים? ברגע שאתה יודע את החסר האמיתי בפרויקט, החיפוש נעשה ממוקד יותר והבחירה מהירה יותר. הניווט כאן מסודר לפי קטגוריות ולא לפי “אתרים אהובים”, כדי להתאים לצורת העבודה האמיתית של מעצבים. מעצב לא חושב “בא לי עוד אתר”, הוא חושב “אני צריך עכשיו משאב מדויק”.

ההמלצה המעשית ביותר היא לא לשמור את כל העמוד בבוקמרק אחד ולשכוח ממנו, אלא לעבור עליו פעם אחת בנחת ולבנות לעצמך תת‑ספרייה: חמישה מקורות לתמונות, שלושה למוקאפים, שלושה לפונטים, שניים לצבע, שניים לאייקונים, שניים ל‑UI kits, ושניים לכלי עזר טכניים. זו הדרך לבנות workflow יציב. ספרייה טובה היא לא ספרייה שאתה מתפעל ממנה; היא ספרייה שאתה באמת חוזר אליה תחת לחץ. ליד כל קישור מופיע תיאור קצר שמסביר מה הוא באמת נותן, כדי שלא תצטרך לפתוח עשרה טאבים רק כדי להבין מי מתאים למה.

לא כל דבר חינמי באמת חוסך זמן

אחת הטעויות הגדולות של מתחילים היא לחשוב שהמילה “free” פותרת הכול. בפועל, משאב חינמי יכול להיות מדהים, בינוני או יקר מאוד בזמן. פונט חינמי לא מסודר יכריח אותך לתקן spacing. mockup יפה אבל כבד מדי יאט את העבודה. סט אייקונים שחסר בו חצי מהאיקונוגרפיה שאתה צריך יוביל אותך לערבב שפות שונות ולשבור אחידות. גם בתמונות סטוק זה נכון: אם המאגר מלא בתמונות שנראות מזויפות, תבלה המון זמן עד שתמצא משהו שאפשר באמת להשתמש בו. לכן לאורך המדריך הזה המשאבים לא מסודרים לפי “חינם/לא חינם” בלבד, אלא לפי שימושיות, גישה ורלוונטיות לעבודה של מעצב אמיתי.

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

רישוי: החלק הכי פחות זוהר והכי חשוב בדף הזה

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

עוד טעות נפוצה היא להניח שאם אתר נראה אמין, כל מה שבתוכו בהכרח אחיד מבחינת רישוי. זה לא תמיד נכון. יש מאגרים שבהם כל פריט נושא תנאי שימוש משלו. יש ספריות שמאפשרות download חופשי אבל דורשות attribution. יש אתרים שמציעים free trial אך לא free asset. ויש גם פלטפורמות שמאגדות תכנים ממשתמשים שונים, כך שהאיכות והרישוי משתנים מפריט לפריט. לכן בעמוד הזה נכון לראות את הקישורים כנקודת כניסה מצוינת — לא כתחליף לשיקול דעת. משאב טוב מתחיל בהורדה, אבל שימוש מקצועי מתחיל בבדיקה.

מה באמת שונה בין מעצב גרפי לבין מעצב UX/UI כשהם מחפשים משאבים

הדבר המעניין הוא ששני העולמות משתמשים לפעמים באותם אתרים, אבל מסיבות שונות לגמרי. מעצב גרפי בדרך כלל יחפש חומריות, אופי, קומפוזיציה, טיפוגרפיה, mockup חזק, טקסטורות, תבניות פרינט או איור עם נוכחות. מעצב UX/UI יחפש הרבה יותר עקביות, מערכות, states, flow, accessibility, design systems, icons, UI kits, patterns for forms, charts, tables, onboarding, dashboards ואנימציות עדינות. לכן חילקתי את הספרייה כך שכל אחד יוכל להיכנס גם לפי צורך מקצועי וגם לפי סוג נכס. אם אתה עובד בשני העולמות, תראה מהר איך ספרייה אחת של פונטים, צבעים ואייקונים יכולה לשרת גם מצגת מכירה וגם מערכת מורכבת.

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

טעויות נפוצות שמבזבזות למעצבים זמן, כסף ואמינות

הטעות הראשונה היא אגרנות. להוריד עשרות משאבים בלי שיטה. אחרי חודש כבר לא זוכרים מאיפה הגיע מה, מה מותר, מה טוב, ומה סתם נשמר “אולי יום אחד”. הטעות השנייה היא חוסר עקביות: לקחת תמונה ממאגר אחד, אייקונים משפה אחרת, פונט לא קשור, mockup דרמטי מדי, רקע גנרטיבי רועש, ואז להתפלא למה העיצוב מרגיש מפורק. הטעות השלישית היא שימוש יתר. רק כי יש לך טקסטורות, איורים, 3D, אנימציות ו‑AI, זה לא אומר שכל פרויקט חייב להכיל את הכול. לפעמים המקצועיות האמיתית מתבטאת דווקא בוויתור. הטעות הרביעית היא להתאהב בקובץ במקום בפתרון. לא כל mockup יפה מתאים לבריף. לא כל פונט מרשים טוב לטקסט. לא כל ספריית UI טובה מתאימה למוצר שלך.

ויש כמובן גם את הטעות החמישית, שהיא כמעט תמיד שקטה: לא לעשות בדיקת איכות. לא לבדוק glyphs, לא לפתוח SVG, לא לראות איך האייקון נראה בגודל 16px, לא לבדוק contrast, לא לנסות את ה‑mockup על תמונה אמיתית, לא להריץ export. מעצב מנוסה עושה את הדברים האלה מוקדם, כי הוא יודע שהם יחסכו לו תיקונים בסוף. ספרייה טובה של משאבים לא נועדה ליצור אשליה של מהירות. היא נועדה לתת מהירות שנשענת על סדר ובקרה. אחרת הכול נשאר ברמת “יש לי המון לינקים” במקום “יש לי תהליך עבודה טוב”.

איך לבנות לעצמך ספריית משאבים אישית שלא מתפרקת אחרי שבוע

אחרי מעבר ראשון על המדריך, לא כדאי להשאיר את כל העבודה כאן. קחו את מה שרלוונטי ובנו ספרייה אישית. הדרך הטובה ביותר היא ליצור תיקיות או bookmarks לפי תפקיד: תמונות, פונטים, אייקונים, mockups, UI kits, צבע, טקסטורות, 3D, נגישות, ו‑utilities. בתוך כל קטגוריה שמור רק את המקורות שבאמת עברו את מבחן השימוש שלך. אם אתר אחד מעולה לתמונות lifestyle ואתר אחר חזק בארכיון, כתוב את זה לעצמך. אם ספריית אייקונים אחת מושלמת לממשקי SaaS ואחרת למיתוג ואינפוגרפיקה, סמן את זה. המטרה היא לא ליצור עוד רשימה אינסופית אלא מערכת שמקצרת החלטות.

אני ממליץ גם להחזיק קובץ קטן עם הערות: איפה הרישוי הכי פשוט, איפה יש free section משתנה, איפה יש assets כבדים, איפה כדאי לחפש mockup למוצר, איפה יש פונטים טובים לעברית, ואיזה מקורות מתאימים ללקוחות תאגידיים לעומת פרויקטים צעירים וקלילים. מי שעושה את זה במשך חודשיים מגלה פתאום שהעבודה זורמת הרבה יותר. לא כי הוא נהיה “יצירתי יותר”, אלא כי הוא הפסיק לבזבז אנרגיה על חיפוש מיותר. משם גם מגיע שדרוג אמיתי ברמה המקצועית: יותר פוקוס על החלטות, פחות פיזור.

שיטת עבודה מומלצת: מה להוריד קודם, מה לבדוק מיד, ומה לשמור לסוף

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

אם אתה עובד על מיתוג, לרוב עדיף להתחיל מפונטים, צבע, תמונות והשראה. אם אתה עובד על מוצר דיגיטלי, לרוב עדיף להתחיל מ‑UI kits, אייקונים, design systems, צבע ונגישות. mockups, 3D, motion ו‑AI מגיעים בדרך כלל אחרי שיש בסיס ברור. ברגע שמבינים את הסדר הזה, המשאבים מפסיקים להיות פיתוי ומתחילים להיות מנוע. זה כל ההבדל בין מעצב שנשען על טריקים לבין מעצב שנשען על שיטה.

לא עוד רשימת קישורים — אלא ארגז כלים אמיתי למקצוע

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

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

תמונות סטוק, ארכיון וצילום חופשי

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

קישורים בקטגוריה

• Unsplash — https://unsplash.com — מאגר תמונות רחב ונקי לשימושים רבים.
• Pexels — https://www.pexels.com — תמונות וסרטונים חינמיים באיכות גבוהה.
• Pixabay — https://pixabay.com — תמונות, וידאו, איורים ומוזיקה במקום אחד.
• Burst — https://burst.shopify.com — תמונות חינמיות לפרויקטים מסחריים.
• Kaboompics — https://kaboompics.com — תמונות לייף סטייל עם פלטות צבע נלוות.
• StockSnap — https://stocksnap.io — צילום סטוק איכותי עם ניווט פשוט.
• Gratisography — https://gratisography.com — תמונות עם אופי חריג ולא בנאלי.
• Picjumbo — https://picjumbo.com — מאגר גדול לפרסומים, אתרים ומצגות.
• Life of Pix — https://www.lifeofpix.com — צילום איכותי באווירה מערכתית.
• Reshot — https://www.reshot.com — תמונות פחות סטוקיות ויותר טבעיות.
• New Old Stock — https://nos.twnsnd.co — צילומי ארכיון ווינטג׳.
• SplitShire — https://www.splitshire.com — תמונות חינמיות עם סגנון אישי.
• ISO Republic — https://isorepublic.com — תמונות וסרטונים חינמיים.
• Foodiesfeed — https://www.foodiesfeed.com — אוכל, מטבח ומשקאות.
• Freestocks — https://freestocks.org — מאגר ידידותי לעבודה שוטפת.
• Barnimages — https://barnimages.com — צילום אווירה וחפצים.
• LibreShot — https://libreshot.com — תמונות חופשיות עם דגש שימושי.
• PxHere — https://pxhere.com — חיפוש תמונות לפי נושאים.
• NegativeSpace — https://negativespace.co — צילום נקי עם הרבה חלל נשימה.
• Flickr Commons — https://www.flickr.com/commons — אוספים היסטוריים ותרבותיים.
• Openverse — https://openverse.org — חיפוש במדיות פתוחות מרחבי הרשת.
• StockVault — https://www.stockvault.net — תמונות, טקסטורות ואלמנטים.
• Morguefile — https://morguefile.com — ותיק, פשוט ומהיר לעבודה.
• FreeRange Stock — https://freerangestock.com — תמונות לשימוש מסחרי בכפוף לרישוי.
• Rawpixel Public Domain — https://www.rawpixel.com/category/53/public-domain — חומרי וינטג׳ ודומיין ציבורי.
• Moveast — https://moveast.me — צילום מסעות ואווירה.
• Travel Coffee Book — https://travelcoffeebook.com — צילומי טיולים ונופים.
• Jay Mantri — https://jaymantri.com — תמונות חינמיות במראה טבעי.
• Magdeleine — https://magdeleine.co — צילום אוצרות לפי מצב רוח.
• IM Free — https://imcreator.com/free — תמונות וחומרי עיצוב.
• Styled Stock — https://styledstock.co — תמונות ממותגות בסגנון נשי/עסקי.
• Startup Stock Photos — https://startupstockphotos.com — משרדים, מחשבים, יזמות וצוותים.
• Realistic Shots — https://realisticshots.com — צילום מינימליסטי לעבודה דיגיטלית.
• Skitterphoto — https://skitterphoto.com — תמונות ציבוריות נוחות להורדה.
• Cupcake — https://cupcake.nilssonlee.se — מאגר קטן אך יפה.
• MMT — https://mmtstock.com — צילום חופשי לפרויקטים שונים.
• Picography — https://picography.co — תמונות אסתטיות חינמיות.
• Snapwire Snaps — https://snapwiresnaps.tumblr.com — אוספי צילום קלים ומהירים.
• Smithsonian Open Access — https://www.si.edu/openaccess — יצירות ואובייקטים ממוזיאונים.
• NASA Image Library — https://images.nasa.gov — חלל, מדע, משימות ותיעוד.
• NYPL Digital Collections — https://digitalcollections.nypl.org — אוספים דיגיטליים עשירים.
• Europeana — https://www.europeana.eu — תרבות, היסטוריה ואמנות מאירופה.
• British Library on Flickr — https://www.flickr.com/photos/britishlibrary — חומרי ארכיון ויזואליים.
• Library of Congress Free to Use — https://www.loc.gov/free-to-use/ — חומרים פתוחים לשימוש.
• Nappy — https://nappy.co — ייצוג חזותי מגוון ושימושי.
• Moose Photos — https://photos.icons8.com — תמונות מאת Icons8.
• Pikwizard — https://pikwizard.com — תמונות רבות כולל סצנות משרד.
• Canva Photos — https://www.canva.com/photos/free/ — חיפוש מהיר לתמונות חינמיות.
• Depositphotos Free Files — https://depositphotos.com/free-files.html — קבצים חינמיים משתנים.
• Public Domain Archive — https://publicdomainarchive.com — צילום ציבורי לשימוש נוח.

וידאו, פוטג׳ים ותנועות מוכנות

בדיוק כמו בתמונות, גם בווידאו לא כל קטע חינמי שווה שימוש. הקטגוריה הזאת מיועדת למי שבונה מוקאפים חיים, רילס, מצגות, עמודי נחיתה עם hero video, מודעות סושיאל או הדמיות מוצר. כדאי לשים לב לקצב התנועה, לצפיפות הפריים, לכמות האנשים בפריים, לכיוון המבט, ולשאלה האם הווידאו ישרת טקסט, אייקונים או מסר שיווקי. יש פרויקטים שבהם וידאו עשיר מדי הורס את הקריאות, ויש פרויקטים שבהם דווקא תנועה קלה ברקע הופכת עמוד שלם לחי יותר. ריכזתי כאן גם מאגרים של פוטג׳ים חינמיים, גם אזורי חינם בתוך ספריות מסחריות, וגם מקורות שיכולים לעזור למי שמחפש חומר גלם לעבודה מהירה. אם אתה בונה שפה למותג, שמור תיקייה נפרדת לקטעי פתיחה, ל-B-roll, ל-loopים, ולתנועות רקע. כך תוכל לחזור אליהם שוב במקום להתחיל כל פרויקט מאפס.

קישורים בקטגוריה

• Coverr — https://coverr.co — וידאו חינמי לאתרים, פרזנטציות ומוקאפים.
• Pexels Videos — https://www.pexels.com/videos/ — קטעי וידאו חינמיים במגוון רחב.
• Pixabay Videos — https://pixabay.com/videos/ — וידאו חופשי לשימושים רבים.
• Videvo — https://www.videvo.net — קליפים, מוקאפים ותנועות.
• Videezy — https://www.videezy.com — וידאו HD ו-4K להורדה.
• Mixkit — https://mixkit.co — וידאו, מוזיקה ואפקטים.
• Mazwai — https://mazwai.com — קטעי וידאו אוצרותיים.
• Vidsplay — https://www.vidsplay.com — וידאו חינמי לפרויקטים.
• Motion Places — https://www.motionplaces.com — לוקיישנים וצילומי אווירה.
• Life of Vids — https://www.lifeofvids.com — קטעי וידאו קצרים ונקיים.
• Dareful — https://www.dareful.com — וידאו 4K חינמי.
• Beachfront B-Roll — http://www.beachfrontbroll.com — B-roll חינמי לשימוש רחב.
• Clipstill — https://clipstill.com — סינמגרפים וקטעים חיים.
• Distill — https://www.wedistill.io — קטעי וידאו מוקפדים.
• OpenFootage — https://www.openfootage.net — פוטג׳ים ואנימציות.
• MotionElements Free — https://www.motionelements.com/free/stock-footage — סקשן חינמי בתוך מאגר גדול.
• Storyblocks Free — https://www.storyblocks.com/free — פריטים חינמיים מתחלפים.
• Adobe Stock Free Videos — https://stock.adobe.com/free — חומרי וידאו חינמיים.
• Canva Videos — https://www.canva.com/videos/free/ — מאגר וידאו מהיר לעבודה.
• NASA Videos — https://www.nasa.gov/multimedia/videogallery/ — קטעי חלל ותיעוד מדעי.
• Archive.org Moving Image — https://archive.org/details/movies — וידאו ציבורי וארכיוני.
• Mixkit Art Videos — https://mixkit.co/free-stock-video/ — גלריית וידאו שימושית.
• Pond5 Public Domain — https://www.pond5.com/free — קטעים חינמיים ומשתנים.
• Motion Array Freebies — https://motionarray.com/browse/free/ — חינמיים לעריכת וידאו ומושן.
• Envato Free Files — https://elements.envato.com/free-files — קבצים חינמיים מתחלפים.
• CapCut Resources — https://www.capcut.com/resource/ — תבניות ומשאבים קצרים.
• Canva Video Templates — https://www.canva.com/templates/videos/ — תבניות מוכנות לעריכה.
• Luma AI Dream Machine — https://lumalabs.ai/dream-machine — יצירת וידאו AI לשלב קונספט.
• Runway — https://runwayml.com — עריכה ויצירה מבוססת AI.
• Pika — https://pika.art — וידאו גנרטיבי קצר.

פונטים ומקורות טיפוגרפיים

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

קישורים בקטגוריה

• Google Fonts — https://fonts.google.com — ספריית פונטים פתוחה ויציבה.
• Adobe Fonts — https://fonts.adobe.com — פונטים למנויי Adobe.
• Font Squirrel — https://www.fontsquirrel.com — אוסף פונטים חינמיים מסוננים.
• DaFont — https://www.dafont.com — מאגר עצום בסגנונות רבים.
• Fontshare — https://www.fontshare.com — שירות פונטים חינמי של ITF.
• Fontfabric Free Fonts — https://www.fontfabric.com/free-fonts/ — פונטים חינמיים איכותיים.
• Use & Modify — https://usemodify.com — אוסף פונטים פתוחים לשימוש.
• Font Library — https://fontlibrary.org — פונטים בקוד פתוח לשפות רבות.
• FreeFaces — https://www.freefaces.gallery — גלריית פונטים חינמיים אסתטית.
• Lost Type — https://losttype.com — פונטים עצמאיים מעוצבים היטב.
• Velvetyne — https://velvetyne.fr — פאונדרי ניסיוני ומעניין.
• League of Moveable Type — https://www.theleagueofmoveabletype.com — פונטים פתוחים באיכות גבוהה.
• Collletttivo — https://www.collletttivo.it/typefaces/ — פונטים עם אופי עכשווי.
• Open Foundry — https://open-foundry.com — פלטפורמה נקייה לפונטים פתוחים.
• Pangram Pangram Free Fonts — https://pangrampangram.com/collections/free-fonts — חינמיים מעולים למיתוג.
• Befonts — https://befonts.com — מאגר גדול עם פילוח טוב.
• FontSpace — https://www.fontspace.com — פונטים חינמיים רבים.
• 1001 Free Fonts — https://www.1001freefonts.com — קטלוג ותיק ונוח.
• UrbanFonts — https://www.urbanfonts.com — פונטים ואייקונים.
• Cufon Fonts — https://www.cufonfonts.com — חיפוש מהיר לפי סגנון.
• Abstract Fonts — https://www.abstractfonts.com — פונטים חופשיים ופרימיום.
• FontsArena — https://fontsarena.com — קטלוג פונטים ואוספים.
• Fontesk — https://fontesk.com — פונטים חינמיים עם עיצוב טוב.
• Omnibus Type — https://omnibus-type.com — פונטים פתוחים ושימושיים.
• Atipo Free Fonts — https://www.atipofoundry.com/fonts/ — פונטים עם סגנון אירופי נקי.
• Indian Type Foundry — https://www.indiantypefoundry.com/fonts — מקור מקצועי לטיפוגרפיה.
• The Velvetyne Downloads — https://velvetyne.fr/fonts/ — קטלוג ההורדות של VTF.
• Public Sans — https://public-sans.digital.gov — פונט רשמי שימושי ונקי.
• IBM Plex — https://www.ibm.com/plex/ — משפחת פונטים רחבה ואיכותית.
• Overpass — https://overpassfont.org — אלטרנטיבה בסגנון תחבורתי.
• Inter — https://rsms.me/inter/ — פונט UI פופולרי ונוח.
• Manrope — https://manropefont.com — פונט מודרני גמיש.
• Space Grotesk — https://fonts.google.com/specimen/Space+Grotesk — סנס מודרני עם אופי.
• Space Mono — https://fonts.google.com/specimen/Space+Mono — מונוספייס עם נוכחות.
• DM Sans — https://fonts.google.com/specimen/DM+Sans — סנס נקי לעיצוב דיגיטלי.
• Archivo — https://fonts.google.com/specimen/Archivo — משפחה חזקה לכותרות וטקסט.
• Nunito — https://fonts.google.com/specimen/Nunito — ידידותי ונעים למסכים.
• Rubik — https://fonts.google.com/specimen/Rubik — גיאומטרי ונגיש.
• Heebo — https://fonts.google.com/specimen/Heebo — פונט עברי שימושי מאוד.
• Assistant — https://fonts.google.com/specimen/Assistant — פונט עברי נקי לממשקים.
• Alef — https://fonts.google.com/specimen/Alef — עברי בסיסי וקריא.
• Secular One — https://fonts.google.com/specimen/Secular+One — כותרות עבריות כבדות.
• Frank Ruhl Libre — https://fonts.google.com/specimen/Frank+Ruhl+Libre — סריפי עברי קלאסי.
• Varela Round — https://fonts.google.com/specimen/Varela+Round — עגול וידידותי.
• Sora — https://fonts.google.com/specimen/Sora — מודרני למסכים.
• FontBundles Free Fonts — https://fontbundles.net/free-fonts — אזור חינמי עם מבחר משתנה.
• Creative Fabrica Free Fonts — https://www.creativefabrica.com/freebies/free-fonts/ — פונטים וקבצי בונוס.
• Pixel Surplus Fonts — https://pixelsurplus.com/collections/free-fonts — אוצרות חינמיים למעצבים.
• Graphic Pear Fonts — https://www.graphicpear.com/category/free-fonts — פונטים בתוך ספריית freebie.
• Unblast Fonts — https://unblast.com/fonts/ — פונטים ותבניות בעיצוב נקי.

אייקונים, סימנים וספריות SVG

אייקונים הם שפה. כשהם בנויים נכון, הם מקצרים טקסט, מארגנים מידע, מרככים צפיפות, ומעלים את תחושת הסדר. כשהם נבחרים רע, הם שוברים עקביות, יוצרים עומס, וגורמים למסך להרגיש כאילו הוא הורכב מכמה מוצרים שונים. לכן ריכזתי כאן ספריות אייקונים בקווים שונים: דקים, מלאים, rounded, duotone, מותגים, אייקונים מונפשים, ואוספים שמיועדים במיוחד ל-UI. ההמלצה שלי היא לא לערבב שלושה סטים באותו מסך בלי סיבה טובה. בחר מערכת אחת, קבע stroke או fill, בדוק גודל מינימלי, בדוק אם יש תמיכה ב-SVG, ובדוק אם הספרייה באמת מכסה את כל מה שאתה צריך לפני שאתה נכנס לפרויקט. ברגע שאתה עובד עם ספרייה עקבית, גם מסכים פשוטים נראים הרבה יותר מקצועיים.

קישורים בקטגוריה

• The Noun Project — https://thenounproject.com — אייקונים ותמונות בספרייה גדולה.
• Icons8 — https://icons8.com/icons — אייקונים, תמונות, איורים ועוד.
• Iconfinder — https://www.iconfinder.com — חיפוש נוח באייקונים חינמיים ופרימיום.
• Font Awesome — https://fontawesome.com — ספריית אייקונים ותיקה.
• Heroicons — https://heroicons.com — אייקוני SVG איכותיים.
• Remix Icon — https://remixicon.com — אייקונים פתוחים לממשקים.
• Lucide — https://lucide.dev — ספריית אייקונים מודרנית.
• Tabler Icons — https://tabler.io/icons — אייקונים חינמיים רבים.
• Phosphor Icons — https://phosphoricons.com — אייקונים גמישים בכמה משקלים.
• Material Symbols — https://fonts.google.com/icons — אייקונים רשמיים של Material.
• Bootstrap Icons — https://icons.getbootstrap.com — ספריית SVG פתוחה.
• Feather Icons — https://feathericons.com — סט נקי ומינימליסטי.
• Ionicons — https://ionicons.com — אייקונים פתוחים לאפליקציות.
• Iconoir — https://iconoir.com — ספרייה מגוונת בקו אחיד.
• Eva Icons — https://akveo.github.io/eva-icons/ — אייקונים פתוחים למוצרי UI.
• Simple Icons — https://simpleicons.org — לוגואים של מותגים ב-SVG.
• Streamline Free Icons — https://www.streamlinehq.com/icons — אייקונים מדויקים ושימושיים.
• Flaticon — https://www.flaticon.com — אייקונים וסטים רבים.
• SVG Repo — https://www.svgrepo.com — מאגר SVG ענק.
• Iconmonstr — https://iconmonstr.com — אייקונים פשוטים ומהירים.
• Flowbite Icons — https://flowbite.com/icons/ — אייקוני SVG חופשיים.
• Radix Icons — https://www.radix-ui.com/icons — אייקונים לרכיבי ממשק.
• Devicon — https://devicon.dev — אייקוני טכנולוגיות ומותגים.
• Unicons — https://iconscout.com/unicons — אייקונים בקו אחיד.
• Boxicons — https://boxicons.com — ספריית אייקונים חופשית.
• Zondicons — https://www.zondicons.com — אייקונים וקטוריים נקיים.
• css.gg — https://css.gg — אייקונים פתוחים עם ייצוא נוח.
• CoreUI Icons — https://coreui.io/icons/ — אייקונים חינמיים למוצרים.
• Weather Icons — https://erikflowers.github.io/weather-icons/ — אייקוני מזג אוויר.
• Typicons — https://www.s-ings.com/typicons/ — אייקונים קלאסיים ונוחים.
• Octicons — https://primer.style/octicons/ — אייקוני GitHub.
• Akar Icons — https://akaricons.com — אייקונים פתוחים מינימליסטיים.
• Fluent UI System Icons — https://github.com/microsoft/fluentui-system-icons — אייקונים פתוחים של Microsoft.
• Jam Icons — https://jam-icons.com — אייקונים חופשיים לפיתוח.
• Lineicons — https://lineicons.com/icons — אייקונים לשימוש מסחרי.
• MingCute — https://mingcute.com — ספריית SVG וקוד.
• Pikaicons — https://www.pikaicons.com — אייקונים חופשיים באופי חם.
• Mono Icons — https://icons.mono.company — אייקונים מונוכרומטיים.
• Solar — https://www.solariconset.com — סט עשיר ונעים.
• Hugeicons Free — https://hugeicons.com/icons — אייקונים חינמיים ופרימיום.
• IconPark — https://iconpark.oceanengine.com — מערכת אייקונים גדולה.
• Iconsax — https://iconsax.io — אייקונים בקו עכשווי.
• Iconhub — https://iconhub.io — חיפוש ועבודה עם סטים רבים.
• IconBros — https://www.iconbros.com — ספריית אייקונים מגוונת.
• UseAnimations — https://useanimations.com — אייקונים מונפשים.
• Lordicon — https://lordicon.com — אייקונים אינטראקטיביים ומונפשים.
• BlendIcons — https://blendicons.com — אייקונים בקו מעוגל ונעים.
• Doodle Icons — https://khushmeen.com/icons.html — אייקונים חופשיים בסגנון ידני.
• Atlas Icons — https://atlasicons.vectopus.com — אייקונים בקו עקבי.
• 3dicons — https://3dicons.co — אייקונים תלת-ממדיים.

איורים, אווטארים ודמויות

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

קישורים בקטגוריה

• unDraw — https://undraw.co/illustrations — איורים חינמיים להתאמה מהירה.
• DrawKit — https://www.drawkit.com — איורים, אייקונים ו-3D.
• Ouch! — https://icons8.com/illustrations — איורים של Icons8.
• Storyset — https://storyset.com — איורים לעריכה בצבעים וסצנות.
• ManyPixels Gallery — https://www.manypixels.co/gallery — גלריית איורים חינמית.
• IRA Design — https://iradesign.io — איורים וקטוריים צבעוניים.
• Open Doodles — https://www.opendoodles.com — איורים בסגנון סקיצה חופשית.
• Humaaans — https://www.humaaans.com — דמויות להרכבה.
• Blush — https://blush.design — מערכת בניית איורים ואווטארים.
• Absurd Design — https://absurd.design — איורים ידניים עם אופי חריג.
• Lukasz Adam — https://lukaszadam.com/illustrations — איורים SVG חינמיים.
• Delesign — https://delesign.com/free-designs/graphics — חבילת גרפיקות חינמיות.
• illlustrations — https://illlustrations.co — איורים חופשיים לפרויקטים.
• Get Illustrations — https://www.getillustrations.com — חבילות איורים רבות.
• Streamline Illustrations — https://www.streamlinehq.com/illustrations — איורים ווקטוריים מוכנים.
• Craftwork Illustrations — https://craftwork.design/freebies/category/illustrations — freebies של איורים.
• LS Graphics Illustrations — https://www.ls.graphics/free — חינם באיכות גבוהה.
• Design Stripe — https://designstripe.com — בניית סצנות ואיורים.
• Black Illustrations — https://www.blackillustrations.com — איורים עם ייצוג שחור מודגש.
• Open Peeps — https://www.openpeeps.com — דמויות ידניות להרכבה.
• Avataaars — https://getavataaars.com — יוצר אווטארים מהיר.
• Exemplar — https://themeselection.com/item/exemplar-free-avatar-library-for-figma-and-sketch/ — ספריית אווטארים חינמית.
• Sapiens — https://sapiens.ui8.net — מערכת דמויות להרכבה.
• Big Heads — https://www.bigheads.io — אווטארים דינמיים.
• Stubborn — https://stubborn.fun — איורים ודמויות לפרויקטים.
• Handz — https://www.handz.design — ידיים ואחיזות לאיורי מוצר.
• OpenMoji — https://openmoji.org — אימוג׳ים פתוחים לשימוש.
• Paper Illustrations — https://icons8.com/illustrations/style–paper — איורי נייר של Icons8.
• Growww Kit — https://growwwkit.com/illustrations/phonies — איורים חינמיים.
• Wannathis Free Illustrations — https://wannathis.one/freebies — חינמיים בעיצוב עכשווי.
• Retro Illustrations — https://www.retrovectors.com/free-vectors/ — וקטורים באווירת רטרו.
• Pixeltrue Illustrations — https://www.pixeltrue.com/free-illustrations — איורים חופשיים.
• DrawKit Characters — https://www.drawkit.com/product-category/characters — דמויות מוכנות.
• Notioly — https://notioly.com — איורים, אייקונים וסטיקרים.
• Control — https://control.rocks/freebies — איורים חינמיים וחמודים.
• Shapefest — https://www.shapefest.com — צורות 3D ואיורים מרחביים.
• Icons8 Mega Creator — https://icons8.com/mega-creator — הרכבת סצנות, דמויות ואייקונים.
• IRA Gradient — https://iradesign.io/gallery/illustrations — גלריית וריאציות של IRA.
• DrawKit 3D — https://www.drawkit.com/3d-illustrations — איורי 3D חינמיים ופרימיום.
• Shape — https://shape.so — איורים וצורות.
• Vecteezy Illustrations — https://www.vecteezy.com/free-vector/illustration — וקטורים ואיורים.
• Freepik Illustrations — https://www.freepik.com/free-vectors/illustrations — ספרייה גדולה.
• Canva Illustrations — https://www.canva.com/illustrations/ — איורים מובנים בתוך Canva.
• Storytale — https://storytale.io/freebies — איורים ו-3D freebies.
• Khagwal 3D — https://www.khagwal.co/3d-illustrations — איורי 3D חינמיים.
• Opendoodles Generator — https://generator.opendoodles.com — בניית קומפוזיציות מוכנות.
• Shape Fest Free 3D — https://www.shapefest.com/shape-library — ספריית צורות 3D.

מוקאפים, הצגת מסכים ותצוגות מוצר

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

קישורים בקטגוריה

• Mockup World — https://www.mockupworld.co — מוקאפים למובייל, פרינט ומיתוג.
• Unblast — https://unblast.com/mockups/ — מוקאפים ו-freebies רבים.
• GraphicBurger — https://graphicburger.com/mock-ups/ — ספרייה ותיקה ושימושית.
• Pixeden Freebies — https://www.pixeden.com/free-web-elements — freebies איכותיים לעיצוב.
• Freepik Mockups — https://www.freepik.com/free-photos-vectors/mockup — מוקאפים ותבניות.
• Smartmockups — https://smartmockups.com — יצירת מוקאפים מהירה.
• Placeit — https://placeit.net — מוקאפים למוצרים, חולצות ומסכים.
• Pixelbuddha Mockups — https://pixelbuddha.net/freebies/mockups — freebies למעצבים.
• Graphic Pear Mockups — https://www.graphicpear.com/category/mockups — מוקאפים נקיים להורדה.
• Mockups Design — https://mockups-design.com — מוקאפים חופשיים ומעודכנים.
• Anthony Boyd Graphics — https://www.anthonyboyd.graphics — מוקאפים למיתוג ומסכים.
• Mockup Maison — https://mockup.maison — מוקאפים למובייל וברנדינג.
• Resource Boy Mockups — https://resourceboy.com/mockups/ — קבצים חינמיים רבים.
• ZippyPixels Free Mockups — https://zippypixels.com/freebies/ — מוקאפים ותבניות.
• 360 Mockups — https://360mockups.com — מוקאפים ב-PSD.
• MediaLoot Free Mockups — https://medialoot.com/freebies/ — freebies מעוצבים היטב.
• Yellow Images Free — https://yellowimages.com/free — פריטים חינמיים מתוך ספרייה גדולה.
• Artboard Studio — https://artboard.studio — מוקאפים בדפדפן.
• Shotsnapp — https://shotsnapp.com — יצירת mockup למסכים במהירות.
• Dimmy Club — https://dimmy.club — מסגרות ותצוגות למסכים.
• Angle — https://angle.sh — הצגת צילומי מסך בזוויות.
• Facebook Design Devices — https://facebook.design/devices — קבצי מכשירים ומצגות.
• Apple Design Resources — https://developer.apple.com/design/resources/ — קבצי מוצר רשמיים של Apple.
• Google Material Assets — https://m3.material.io/foundations/design-resources/overview — משאבים רשמיים ל-Material.
• LS Graphics Devices — https://www.ls.graphics/free-mockups — מוקאפים ו-freebies.
• Mockuuups Studio — https://mockuuups.studio — יצירת mockups למכשירים.
• Screely — https://www.screely.com — הפיכת screenshot להצגה יפה.
• Shots — https://shots.so — מוקאפים מהירים לתוצרים.
• Previewed — https://previewed.app — מוקאפים לאפליקציות.
• App Launchpad — https://theapplaunchpad.com — מסגרות App Store ותצוגות.
• Rotato — https://www.rotato.app — סיבוב והצגת מוצרים/מסכים.
• Figma Mockups Plugin — https://www.figma.com/community/plugin/817043359134136295/Mockup-Plugin — מוקאפים בתוך Figma.
• Mr.Mockup Freebies — https://mrmockup.com/freebies/ — freebies ממותגים.
• UI8 Freebies — https://ui8.net/freebies — freebies ומוקאפים.
• Behance Mockup Search — https://www.behance.net/search/projects?search=free%20mockup — חיפוש freebies דרך Behance.
• Dribbble Mockup Search — https://dribbble.com/search/free%20mockup — חיפוש מוקאפים בקהילה.
• Canva Mockups — https://www.canva.com/mockups/ — מוקאפים מוכנים בתוך Canva.
• Adobe Express Mockups — https://www.adobe.com/express/create/mockup — יצירת mockup מהירה.
• Shotsnapp Device Frames — https://shotsnapp.com/device-frames — מסגרות מכשיר מוכנות.
• Mockuphone — https://mockuphone.com — mockups למכשירים ישירות מהדפדפן.

UI Kits, Figma, Sketch ורכיבי מוצר

מעצבים שעובדים בממשקים, במערכות SaaS, באתרים מורכבים או באפליקציות, חייבים לבנות מהירות. זה לא אומר לעבוד שטחי, אלא לדעת להשתמש נכון במשאבים: UI kits, templates, community files, design tokens, תוספים, ורכיבים מוכנים. הקטגוריה הזאת מיועדת בדיוק לזה. במקום לבנות שוב ושוב אותו date picker, modal, side nav, dashboard card או onboarding flow, אפשר להתחיל מבסיס איכותי ואז לשפר. השימוש החכם במשאבים כאלה לא פוגע ביצירתיות; הוא מפנה זמן לחשיבה, UX, סדר, ניסוח, היררכיה ובדיקות. מה שחשוב הוא לא להישען עיוור על kit אחד. בדוק naming, auto layout, רכיבים, styles, responsive behavior, נגישות, ויכולת התאמה. אם הקובץ מלוכלך, הוא יגנוב לך זמן במקום לחסוך זמן.

קישורים בקטגוריה

• Figma Community — https://www.figma.com/community — קהילת קבצים, תוספים ומשאבים.
• Sketch App Sources — https://www.sketchappsources.com — freebies ל-Sketch.
• UIXLibrary — https://uixlibrary.com — משאבי UI חינמיים.
• Sketch Repo — https://sketchrepo.com — קבצי Sketch ו-freebies.
• Sketch App Rocks — https://sketchapp.rocks — אינדקס למשאבי Sketch.
• FigmaCrush — https://www.figmacrush.com — קבצי Figma, wireframes ו-UI kits.
• Figma Elements — https://figmaelements.com — ספריית אלמנטים וקיטים.
• Figma Freebies — https://figmafreebies.com — freebies לקהילת Figma.
• Figma Resources — https://www.figmaresources.com — משאבים לקבצי Figma.
• Figma Template — https://figmatemplate.com — תבניות מוכנות.
• Figma Plugins — https://www.figma.com/community/plugins — תוספים לעבודה מהירה.
• UI Store Design — https://www.uistore.design — freebies של UI ו-UX.
• UI8 — https://ui8.net — UI kits ומשאבים פרימיום וחינמיים.
• Uplabs — https://www.uplabs.com — קהילת קבצים, תבניות ומשאבים.
• Freebiesbug — https://freebiesbug.com — קבצי Figma, XD, PSD ועוד.
• Craftwork Freebies — https://craftwork.design/freebies — freebies איכותיים לעיצוב מוצר.
• Setproduct Freebies — https://setproduct.com/freebies — freebies נקיים לממשקים.
• LS Graphics Free — https://www.ls.graphics/free — freebies מקצועיים.
• UIHut Freebies — https://www.uihut.com/freebies — קיטים, אייקונים ותבניות.
• UIBundle — https://uibundle.com — freebies במגוון קטגוריות.
• openby.design — https://openby.design — משאבי UI פתוחים.
• Design+Code Resources — https://designcode.io/resources — משאבים לקהילה של product design.
• HTMLrev — https://htmlrev.com — תבניות HTML ו-UI.
• Flowbite — https://flowbite.com — רכיבי UI מוכנים.
• HyperUI — https://www.hyperui.dev — רכיבי Tailwind חינמיים.
• Mamba UI — https://mambaui.com — קומפוננטות ותבניות Tailwind.
• Tailwind Components — https://tailwindcomponents.com — ספריית רכיבים קהילתית.
• Tailwind Toolbox — https://www.tailwindtoolbox.com — תבניות וכלים ל-Tailwind.
• Tailwind Kit — https://www.tailwind-kit.com — רכיבים חינמיים.
• Meraki UI — https://merakiui.com — קומפוננטות responsive.
• Kitwind Kometa — https://kitwind.io/products/kometa/components — קיטים ורכיבים.
• Float UI — https://floatui.com — רכיבים ותבניות חינמיים.
• Konsta UI — https://konstaui.com — UI למובייל עם Tailwind.
• DaisyUI — https://daisyui.com — ערכת קומפוננטות פופולרית.
• shadcn/ui — https://ui.shadcn.com — רכיבים מעוצבים ל-React.
• Uiverse — https://uiverse.io — אלמנטים HTML/CSS קהילתיים.
• Headless UI — https://headlessui.dev — רכיבים נגישים ללא עיצוב קשיח.
• Radix UI — https://www.radix-ui.com — פרימיטיבים איכותיים לממשקים.
• Material UI — https://mui.com — קומפוננטות React מלאות.
• Ant Design — https://ant.design — מערכת UI חזקה למוצרים.
• Chakra UI — https://chakra-ui.com — קומפוננטות נגישות ופשוטות.
• Mantine — https://mantine.dev — ספריית קומפוננטות עשירה.
• Evergreen — https://evergreen.segment.com — קומפוננטות למוצרים B2B.
• PrimeReact — https://primereact.org — ספריית קומפוננטות רחבה.
• Onsen UI — https://onsen.io — רכיבי UI למובייל והיברידי.

טקסטורות, מברשות, דפוסים ורקעים

בפרויקטים מסוימים כל מה שצריך הוא רקע נקי; בפרויקטים אחרים חסרה בדיוק שכבת החומר שמחייה את כל הקומפוזיציה. טקסטורות, מברשות, דפוסים ורקעים יכולים להוסיף עומק, להוריד תחושת פלסטיק, ולגרום לעיצוב דיגיטלי להרגיש עשיר יותר. מצד שני, זו גם אחת הקטגוריות שהכי קל להגזים בהן. טקסטורה חזקה מדי מלכלכת קריאות, דפוס לא מדויק יוצר רעש, ומברשת לא מתאימה יכולה להפוך עיצוב אלגנטי למשהו אקראי. לכן הרשימה כאן מיועדת גם למי שמחפש חומרים לפוטושופ ולאילוסטרייטור, וגם למי שמחפש SVG patterns, blobs, waves, gradients ורקעי UI. ההמלצה הכי חשובה: השתמש בשכבות כאלה כדי לשרת מסר וחומריות, לא כדי לכסות על חולשה קומפוזיציונית.

קישורים בקטגוריה

• Brusheezy — https://www.brusheezy.com — מברשות, טקסטורות ווקטורים.
• MyPhotoshopBrushes — https://myphotoshopbrushes.com — מברשות לפוטושופ.
• Texturelabs — https://texturelabs.org — טקסטורות וחומרי עזר.
• Textures.com — https://www.textures.com — טקסטורות וחומרים רבים.
• CGBookcase — https://www.cgbookcase.com — טקסטורות PBR להורדה.
• ambientCG — https://ambientcg.com — מאגר חומרים פתוח.
• Poly Haven Textures — https://polyhaven.com/textures — טקסטורות HDRI וחומרים.
• Lost and Taken — https://lostandtaken.com — טקסטורות ישנות באיכות טובה.
• Pattern Library — https://thepatternlibrary.com — דפוסים וקטוריים.
• Hero Patterns — https://heropatterns.com — תבניות SVG לרקע.
• SVG Backgrounds — https://www.svgbackgrounds.com — רקעים וקטוריים מוכנים.
• BGJar — https://bgjar.com — רקעים SVG גמישים.
• Haikei — https://haikei.app — רקעים, blobs וגלים.
• MagicPattern — https://www.magicpattern.design/tools — כלי יצירת דפוסים ורקעים.
• Cool Backgrounds — https://coolbackgrounds.io — רקעים גנרטיביים.
• Transparent Textures — https://www.transparenttextures.com — טקסטורות שקופות לרקע.
• Subtle Patterns — https://www.toptal.com/designers/subtlepatterns — אוסף דפוסים עדינים.
• Patterninja — https://patterninja.com — יצירת דפוסים מותאמים.
• Pattern Monster — https://pattern.monster — רקעים SVG יפים.
• Trianglify — https://trianglify.io — רקעים גאומטריים.
• Grainient — https://grainient.supply — גרדיאנטים עם גריין.
• Gradient Hunt — https://gradienthunt.com — אוספי גרדיאנטים.
• uiGradients — https://uigradients.com — גרדיאנטים קלאסיים ומהירים.
• Blobmaker — https://www.blobmaker.app — יצירת blobs SVG.
• Shape Divider — https://www.shapedivider.app — מפרידי צורות לאתרים.
• Get Waves — https://getwaves.io — גלים SVG מותאמים.
• fffuel — https://fffuel.co — מנוע ליצירת רקעים ו-textures.
• Patternpad — https://patternpad.com — פאטרנים מהירים ל-SVG.
• Doodad — https://doodad.dev/pattern-generator/ — מחולל דפוסים פשוט.
• Paper.co — https://www.papers.co — רקעים וטקסטורות השראה.
• Nucleo Pattern Generator — https://nucleoapp.com/svg-pattern-generator — מחולל SVG patterns.
• Paaatterns — https://products.ls.graphics/paaatterns/ — דפוסים מוכנים.
• Iconscout Patterns — https://iconscout.com/patterns — רקעים ודפוסים.
• Freepik Textures — https://www.freepik.com/free-photos-vectors/texture — טקסטורות ווקטוריות.
• Vecteezy Textures — https://www.vecteezy.com/free-vector/texture — טקסטורות חינמיות.
• Rawpixel Textures — https://www.rawpixel.com/search/texture — חיפוש טקסטורות.
• Photoshop Supply Brushes — https://www.photoshopsupply.com/brushes — מברשות וקבצים.
• BrushKing — https://www.brushking.eu — מברשות חינמיות.
• DeviantArt Brushes — https://www.deviantart.com/search?q=photoshop+brushes — חיפוש מברשות בקהילה.
• Adobe Substance 3D Assets — https://substance3d.adobe.com/assets — חומרים, smart materials ועוד.
• Canva Backgrounds — https://www.canva.com/backgrounds/ — רקעים מובנים לפרויקטים.
• Patternico — https://patternico.com — יצירת דפוסים מהירה.
• Noise & Texture — https://www.noisetexturegenerator.com — יצירת רעש וטקסטורה.
• Pixeltrue Patterns — https://www.pixeltrue.com/free-svg-patterns — דפוסים חינמיים.
• SVG Wave — https://svgwave.in — יצירת גלי SVG.
• Low Poly Generator — https://www.lowpolygenerator.com — יצירת טקסטורות low poly.

צבע, גרדיאנטים ופלטות

צבע הוא אחד הכלים החזקים והמסוכנים ביותר בעיצוב. בחירה נכונה של צבע יכולה להוביל מבט, לסמן חשיבות, ליצור עומק, לקבוע אופי מותגי ולתמוך בנגישות. בחירה רשלנית תיצור בלגן, עייפות, בעיות קריאות ואפילו חוסר אמון. לכן הקטגוריה הזאת לא בנויה רק מפלטות יפות, אלא גם מכלים שבודקים ניגודיות, מייצרים מדרגות גוון, עוזרים לבנות מערכת ולא רק לבחור צבע בודד, ומציגים פלטות בתוך מסכים אמיתיים. אם אתה עובד במוצר דיגיטלי, אל תסתפק בארבעה צבעים שמצאת במקרה. בנה מערכת: primary, secondary, surface, border, focus, success, warning, danger, disabled, text levels. צבע טוב הוא לא רק יפה; הוא מתפקד.

קישורים בקטגוריה

• Adobe Color — https://color.adobe.com — בחירת צבעים, ניגודיות והרמוניה.
• Coolors — https://coolors.co — גנרטור פלטות מהיר.
• Color Hunt — https://colorhunt.co — פלטות מוכנות באווירות שונות.
• Happy Hues — https://www.happyhues.co — פלטות עם דוגמאות שימוש.
• CoolHue — https://webkul.github.io/coolhue/ — גרדיאנטים מוכנים.
• ColorSpace — https://mycolor.space — יצירת פלטות ממספר צבעים.
• Colormind — http://colormind.io — מחולל פלטות מבוסס AI.
• Khroma — https://www.khroma.co — מערכת חכמה לבחירת צבע.
• Huemint — https://huemint.com — בדיקת צבעים בהקשר ממשקי.
• Material Theme Builder — https://m3.material.io/theme-builder — בניית מערכת צבע ל-Material.
• Material UI Colors — https://www.materialui.co/colors — קטלוג צבעים מהיר.
• Tailwind Colors — https://tailwindcss.com/docs/customizing-colors — פלטת Tailwind הרשמית.
• Tailwind Shades — https://www.tailwindshades.com — יצירת גוונים אוטומטית.
• uiGradients — https://uigradients.com — גרדיאנטים מוכנים.
• Gradient Hunt — https://gradienthunt.com — אוסף רחב של גרדיאנטים.
• ColorBox — https://www.colorbox.io — יצירת מערכות צבע.
• Paletton — https://paletton.com — בניית הרמוניה צבעונית.
• Colorable — https://colorable.jxnblk.com — בדיקת ניגודיות בין צבעים.
• Accessible Colors — https://accessible-colors.com — בדיקת נגישות צבע.
• Leonardo — https://leonardocolor.io — כלי נגישות מבית Adobe.
• Color.review — https://color.review — בדיקת ניגודיות פשוטה.
• Who Can Use — https://www.whocanuse.com — הבנת ניגודיות מול לקויות ראייה.
• Realtime Colors — https://www.realtimecolors.com — תצוגת צבע באתר חי.
• Color Leap — https://colorleap.app — פלטות בהשראת תקופות.
• BrandColors — https://brandcolors.net — צבעי מותגים ידועים.
• Color Lisa — https://colorlisa.com — פלטות מתוך יצירות אמנות.
• LOL Colors — https://www.webdesignrankings.com/resources/lolcolors/ — פלטות יפות ומהירות.
• Eva Design Colors — https://colors.eva.design — גוון ומערכת צבע.
• Open Color — https://yeun.github.io/open-color/ — פלטת UI פתוחה.
• Flat UI Colors — https://flatuicolors.com — בחירת צבעים קלה ומהירה.
• Pigment by ShapeFactory — https://pigment.shapefactory.co — פלטות נגישות ונעימות.
• ColorMagic — https://colormagic.app — פלטות מבוססות AI.
• Huetone — https://huetone.ardov.me — יצירת scale לצבעים.
• Muzli Colors — https://colors.muz.li — השראה צבעונית מהירה.
• Canva Color Palette Generator — https://www.canva.com/colors/color-palette-generator/ — פלטות מתוך תמונה.
• Color Hex — https://www.color-hex.com — מידע מפורט על כל צבע.
• HTML Color Codes — https://htmlcolorcodes.com — מדריכי צבע וקודים

נכסי תלת־ממד, צורות ומודלים

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

קישורים בקטגוריה

• Poly Haven — https://polyhaven.com — HDRI, מודלים וטקסטורות.
• Sketchfab — https://sketchfab.com — מודלים תלת־ממדיים לצפייה והורדה.
• CGTrader Free — https://www.cgtrader.com/free-3d-models — מודלים חינמיים רבים.
• TurboSquid Free — https://www.turbosquid.com/Search/3D-Models/free — חיפוש מודלים חינמיים.
• Free3D — https://free3d.com — מודלים חינמיים למגוון תחומים.
• Poly Pizza — https://poly.pizza — מודלים low poly חופשיים.
• Spline Community — https://spline.design/community — סצנות ואובייקטים ל-Spline.
• Vectary — https://www.vectary.com/3d-modeling — כלי ו-assets תלת־ממד.
• 3dicons — https://3dicons.co — אייקונים תלת־ממדיים.
• Shapefest — https://www.shapefest.com — צורות 3D חינמיות.
• Iconscout 3D — https://iconscout.com/3d-illustrations — איורי 3D מוכנים.
• DrawKit 3D — https://www.drawkit.com/3d-illustrations — 3D packs ו-freebies.
• LS Graphics 3D — https://www.ls.graphics/3d — איורי 3D וסצנות.
• Craftwork 3D — https://craftwork.design/freebies/category/3d-illustrations — freebies תלת־ממדיים.
• Khagwal 3D — https://www.khagwal.co/3d-illustrations — סטים חינמיים ל-UI.
• Spline Assets — https://spline.design/examples — דוגמאות וסצנות.
• Vectary 3D Elements — https://www.vectary.com/templates — טמפלטים ואלמנטים.
• Nasa 3D Resources — https://nasa3d.arc.nasa.gov/models — מודלים תלת־ממדיים מדעיים.
• glTF Sample Models — https://github.khronos.org/glTF-Sample-Viewer-Release/ — מודלים לדוגמא ו-WebGL.
• Sketchfab Downloadable — https://sketchfab.com/features/download — חיפוש מודלים להורדה.
• Saly 3D — https://www.figma.com/community/file/890095002328610853/Saly-3D-Illustration-Pack — חבילת 3D פופולרית ב-Figma.
• 3D Burger — https://3dburger.com — אוספי 3D מסחריים וחינמיים.
• Avatarz 3D — https://www.figma.com/community/file/966941637724342478/Avatarz — אווטארי 3D.
• Notioly 3D — https://notioly.com/3d — סטים תלת־ממדיים.
• Control 3D — https://control.rocks/freebies/3d — freebies 3D.
• Storytale 3D — https://storytale.io/3d-illustrations — איורי 3D להורדה.
• UI8 3D — https://ui8.net/category/3d-assets — קטגוריית 3D.
• Freepik 3D — https://www.freepik.com/3d-models — מודלים תלת־ממדיים.
• Icons8 3D Fluency — https://icons8.com/illustrations/3d — איורי 3D של Icons8.
• Figma 3D Plugins Search — https://www.figma.com/community/search?resource_type=plugins&sort_by=relevancy&query=3D — תוספים למשימות 3D.

Design Systems ורכיבי ממשק

מערכת עיצוב טובה היא אחד ההבדלים הגדולים בין צוות שנראה מקצועי לבין צוות שכל מסך בו מרגיש כאילו נבנה על ידי מישהו אחר. גם אם אתה מעצב יחיד, שימוש ב-design systems ובספריות רכיבים יעזור לך לקבל החלטות יציבות יותר, לעבוד מהר יותר ולשמור על עקביות לאורך זמן. בקטגוריה הזאת ריכזתי מערכות רשמיות של חברות גדולות, ספריות רכיבים פתוחות, פרימיטיבים נגישים, ופתרונות שיכולים לשרת גם מעצב וגם מפתח. המטרה כאן אינה להעתיק עיצוב קיים, אלא ללמוד עקרונות: spacing, states, tokens, form patterns, navigation, error handling, accessibility, content hierarchy. מי שעובד עם מערכות כאלה לאורך זמן מתחיל לראות מסכים אחרת. הוא פחות חושב על קישוט ויותר על שפה.

קישורים בקטגוריה

• Material Design — https://m3.material.io — מערכת העיצוב של Google.
• Apple Human Interface Guidelines — https://developer.apple.com/design/human-interface-guidelines/ — עקרונות ומסמכים רשמיים.
• Apple Design Resources — https://developer.apple.com/design/resources/ — קבצי Sketch/Figma ועוד.
• Fluent 2 — https://fluent2.microsoft.design — מערכת העיצוב של Microsoft.
• Fluent UI — https://react.fluentui.dev — רכיבי UI של Microsoft.
• Carbon Design System — https://carbondesignsystem.com — מערכת העיצוב של IBM.
• IBM Plex — https://www.ibm.com/design/language/typography/typeface — טיפוגרפיה כחלק ממערכת.
• Atlassian Design System — https://atlassian.design — עקרונות, רכיבים ותיעוד.
• Shopify Polaris — https://polaris.shopify.com — מערכת עיצוב למסחר ומוצרים.
• Salesforce Lightning — https://www.lightningdesignsystem.com — מערכת Lightning הרשמית.
• GOV.UK Design System — https://design-system.service.gov.uk — מערכת ציבורית מעולה.
• U.S. Web Design System — https://designsystem.digital.gov — מערכת עיצוב ממשלתית.
• Primer — https://primer.style — מערכת העיצוב של GitHub.
• PatternFly — https://www.patternfly.org — מערכת לעולמות Enterprise.
• Base Web — https://baseweb.design — קומפוננטות מבית Uber.
• Blueprint — https://blueprintjs.com — רכיבים לדשבורדים ומערכות.
• Elastic UI — https://elastic.github.io/eui — מערכת עיצוב של Elastic.
• Orbit — https://orbit.kiwi — מערכת עיצוב של Kiwi.
• Pajamas — https://design.gitlab.com — מערכת העיצוב של GitLab.
• Wise Design — https://wise.design — מערכת עיצוב ועקרונות.
• Decathlon Design System — https://design.decathlon.com — משאבים ורכיבים.
• Zendesk Garden — https://garden.zendesk.com — מערכת עיצוב של Zendesk.
• Mailchimp Pattern Library — https://ux.mailchimp.com/patterns — דפוסי UI ועקרונות.
• Audi Design System — https://www.audi.com/ci/en/guides/user-interface/introduction.html — השראה ל-UI מותגי.
• Duet Design System — https://www.duetds.com — מערכת עיצוב פתוחה.
• Backpack — https://backpack.github.io — מערכת עיצוב ישנה אך שימושית.
• Semi Design — https://semi.design — ערכת רכיבים מודרנית.
• Chakra UI — https://chakra-ui.com — קומפוננטות נגישות.
• Radix UI — https://www.radix-ui.com — פרימיטיבים ברמה גבוהה.
• Headless UI — https://headlessui.dev — רכיבים לא מעוצבים.
• Reach UI — https://reach.tech — נגישות בקדמת הבמה.
• Mantine — https://mantine.dev — מערכת רכיבים עשירה.
• MUI — https://mui.com — קומפוננטות React פופולריות.
• Ant Design — https://ant.design — מערכת רכיבים רחבה.
• Bootstrap — https://getbootstrap.com — ערכת UI ותיקה.
• Bulma — https://bulma.io — framework קל ונקי.
• Tailwind UI blocks alternatives — https://tailblocks.cc — בלוקים חינמיים ל-Tailwind.
• Flowbite Blocks — https://flowbite.com/blocks/ — בלוקים מוכנים לעמודים.
• HyperUI Components — https://www.hyperui.dev/components — קומפוננטות ותבניות.
• Mamba UI Templates — https://mambaui.com/components — סטים לעיצוב מהיר.

UX, נגישות, מחקר ותוכן משלים

מעצב טוב לא רק אוסף נכסים. הוא גם מבין אנשים, מגבלות, נגישות, ניסוח, דפוסי שימוש וטעויות שחוזרות על עצמן. זאת הסיבה שהכנסתי כאן קטגוריה שאינה רק 'מה להוריד' אלא גם 'מה לבדוק ומה ללמוד'. אם אתה בונה חוויית משתמש בלי להתייחס לניגודיות, זרימות, קריאות, states, הודעות שגיאה וצרכי משתמש אמיתיים, גם הקובץ הכי יפה לא יציל את המוצר. כאן תמצא מקורות לבדוק נגישות צבע, ספריות של user flows אמיתיים, אתרי מחקר UX, כלי audit ותוכן מקצועי. בעמוד אמיתי שמייצר תוצאה, משאבי הורדה ומשאבי חשיבה חייבים לחיות יחד. זאת בדיוק הנקודה של הספרייה הזו.

קישורים בקטגוריה

• Nielsen Norman Group — https://www.nngroup.com — מחקר UX ומאמרים מעמיקים.
• Baymard Institute — https://baymard.com — מחקרי e-commerce ו-UX.
• Laws of UX — https://lawsofux.com — עקרונות UX קלאסיים.
• Checklist Design — https://www.checklist.design — צ׳קליסטים למסכים ותהליכים.
• Growth Design Psychology — https://growth.design/psychology — פסיכולוגיה התנהגותית במוצר.
• UX Collective — https://uxdesign.cc — מאמרים וניתוחים מהשטח.
• UX Planet — https://uxplanet.org — תוכן UX נגיש ונרחב.
• UX Booth — https://www.uxbooth.com — מאמרים יסודיים למעצבים.
• A List Apart — https://alistapart.com — תוכן עיצוב, תוכן ונגישות.
• Web Content Accessibility Guidelines — https://www.w3.org/WAI/standards-guidelines/wcag/ — התקן החשוב לנגישות.
• WAI-ARIA Authoring Practices — https://www.w3.org/WAI/ARIA/apg/ — דפוסי רכיבים נגישים.
• WebAIM — https://webaim.org — בדיקות, מדריכים וכלים.
• Deque University — https://dequeuniversity.com/resources/ — משאבי נגישות רבים.
• A11Y Project — https://www.a11yproject.com — קהילה ומדריכים לנגישות.
• Accessible Color Matrix — https://toolness.github.io/accessible-color-matrix/ — בדיקת שילובי צבע.
• Who Can Use — https://www.whocanuse.com — הבנת נגישות צבעים.
• Contrast Checker — https://webaim.org/resources/contrastchecker/ — בדיקת ניגודיות.
• Stark — https://www.getstark.co — בדיקות נגישות למעצבים.
• Use Contrast — https://usecontrast.com — בדיקה מהירה של צבעים.
• Able — https://able.app — בדיקות נגישות לממשקים.
• Page Flows — https://pageflows.com — זרימות משתמש ממוצרים אמיתיים.
• Mobbin — https://mobbin.com — מאגר UI וזרימות ממסכים אמיתיים.
• Screenlane — https://screenlane.com — מאגר UI למובייל ולווב.
• Refero — https://refero.design — דפוסי UI ואוספים.
• Land-book — https://land-book.com — עמודי נחיתה ודפי בית.
• Httpster — https://httpster.net — אתרים עם אופי חזותי.
• Godly — https://godly.website — אוספי אתרים מעוררי השראה.
• SaaS Landing Page — https://saaslandingpage.com — עמודי SaaS להשראה.
• Really Good UX — https://www.reallygoodux.io — זרימות UX מדויקות.
• Design Vault — https://designvault.io — גלריית מסכים ודפוסים.
• GoodUI — https://goodui.org — מאגר מבחני השוואה UX.
• UX Archive — https://uxarchive.com — זרימות ממוצרים נבחרים.
• Pttrns — https://pttrns.com — דפוסי UI למובייל.
• Accessibility Insights — https://accessibilityinsights.io — כלים של Microsoft לבדיקות.
• axe DevTools — https://www.deque.com/axe/devtools/ — בדיקות נגישות בדפדפן.
• Lighthouse — https://developer.chrome.com/docs/lighthouse/overview/ — בדיקות איכות, נגישות וביצועים.
• Readability Test Tool — https://www.webfx.com/tools/read-able/ — בדיקת קריאות טקסט.

השראה, גלריות ופורטפוליו

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

קישורים בקטגוריה

• Behance — https://www.behance.net — פורטפוליו ופרויקטים מכל התחומים.
• Dribbble — https://dribbble.com — השראה חזותית מהירה.
• Awwwards — https://www.awwwards.com — אתרי פרימיום וחדשנות.
• SiteInspire — https://www.siteinspire.com — אוצרות אתרים לפי סגנון.
• CSS Design Awards — https://www.cssdesignawards.com — גלריית אתרים מצטיינים.
• Muzli — https://muz.li — פיד השראה לעיצוב.
• Collect UI — https://collectui.com — מסכים יומיים להשראה.
• UI Garage — https://uigarage.net — פילוח לפי סוג מסך.
• One Page Love — https://onepagelove.com — אתרי עמוד אחד.
• Land-book — https://land-book.com — עמודי נחיתה מעולים.
• Lapa Ninja — https://www.lapa.ninja — גלריית landing pages.
• Footer — https://footer.design — אוסף footers איכותיים.
• NavBar Gallery — https://www.navbar.gallery — השראה לתפריטים וניווט.
• Sidebar — https://sidebar.io — ניוזלטר וקישורים לעיצוב.
• Designspiration — https://www.designspiration.com — לוחות השראה.
• Niice — https://niice.co — איסוף השראה ויזואלית.
• Millo — https://millo.co — מאמרים ומשאבים לפרילנסרים ומעצבים.
• Brutalist Websites — https://brutalistwebsites.com — השראה לא שגרתית.
• Minimal Gallery — https://minimal.gallery — אתרים מינימליסטיים.
• Commerce Cream — https://commercecream.com — חנויות אונליין מעוצבות.
• SaaS Interfaces — https://saasinterfaces.com — ממשקי SaaS להשראה.
• Screenlane — https://screenlane.com — מאגר מסכים אמיתיים.
• Mobbin — https://mobbin.com — אוסף אדיר של מסכים.
• Refero — https://refero.design — דפוסי UI ו-design systems.
• Flowstep — https://flowstep.design — ספריית זרימות ומסכים.
• Calltoidea — https://www.calltoidea.com — רעיונות CTA ו-section design.
• Abduzeedo — https://abduzeedo.com — בלוג השראה ותוכן חזותי.
• Design Made in Germany — https://www.designmadeingermany.de — מאמרים והשראה עיצובית.
• BP&O — https://bpando.org — מיתוג וזהות חזותית.
• LogoLounge — https://www.logolounge.com — השראה לעיצוב לוגואים.
• Packaging of the World — https://packagingoftheworld.com — השראה לאריזות.
• Fonts In Use — https://fontsinuse.com — טיפוגרפיה בהקשר אמיתי.
• Typewolf — https://www.typewolf.com — השראה טיפוגרפית.
• Mindsparkle Mag — https://mindsparklemag.com — מיתוג, ווב ואיור.
• Webdesign Inspiration — https://www.webdesign-inspiration.com — גלריית אתרים מסוננת.
• SiteSee — https://sitesee.co — השראה לאתרים ול־UX.
• Hoverstat.es — https://www.hoverstat.es — השראה לאנימציות וריחופים.
• Godly — https://godly.website — אתרים עם רעיון חזק.

כלי עריכה, ניקוי, המרה ויצוא

מעצב עובד מהר יותר לא בגלל שהוא מוכשר יותר, אלא בגלל שיש לו שולחן עבודה חכם. לפעמים ההבדל בין שעה של תיקונים לבין חמש דקות הוא כלי קטן: דחיסת SVG, הסרת רקע, conversion, vectorization, screenshot polish, color picker, font detector או export utility. לכן מופיעה כאן גם קטגוריה שלמה לכלי עזר יומיומיים. אלו לא תמיד האתרים שמצטלמים יפה, אבל הם האתרים שחוסכים זמן, שומרים על איכות קבצים, ומונעים טעויות. כמעט כל פרויקט עובר דרך שלב של ניקוי, המרה, בדיקה או ייצוא, וכשאין ספרייה מסודרת של כלים כאלה, מעצבים נתקעים על פעולות קטנות במקום להתקדם. הקישור הנכון בזמן הנכון שווה הרבה יותר מעוד השראה שלא תשתמש בה.

קישורים בקטגוריה

• Photopea — https://www.photopea.com — עריכה בסגנון Photoshop בדפדפן.
• Pixlr — https://pixlr.com — עריכת תמונה מהירה.
• Canva — https://www.canva.com — עיצוב מהיר עם המון נכסים.
• Adobe Express — https://www.adobe.com/express/ — עיצוב, resize ותבניות.
• Remove.bg — https://www.remove.bg — הסרת רקע אוטומטית.
• Cleanup.pictures — https://cleanup.pictures — מחיקת אובייקטים מתמונה.
• LetsEnhance — https://letsenhance.io — שיפור והגדלת תמונה.
• TinyPNG — https://tinypng.com — דחיסת PNG/JPG.
• Squoosh — https://squoosh.app — שליטה עמוקה בדחיסה ויצוא.
• ImageOptim Online — https://imageoptim.com/online — אופטימיזציית תמונה.
• SVGOMG — https://jakearchibald.github.io/svgomg/ — ניקוי ודחיסת SVG.
• Vectorizer — https://vectorizer.ai — המרת raster לוקטור.
• ImageTracer — https://imagetracerjs.sourceforge.net — וקטוריזציה בקוד פתוח.
• Convertio — https://convertio.co — המרת פורמטים.
• CloudConvert — https://cloudconvert.com — המרות קבצים מדויקות.
• EZGIF — https://ezgif.com — עריכת GIF, המרה ודחיסה.
• Compress JPEG — https://compressjpeg.com — דחיסת JPEG מהירה.
• Compress PNG — https://compresspng.com — דחיסת PNG מהירה.
• IloveIMG — https://www.iloveimg.com — כלי תמונה יומיומיים.
• DocHipo Background Remover — https://www.dochipo.com/tools/background-remover/ — הסרת רקע מהירה.
• Fotor — https://www.fotor.com — עריכה ותיקונים.
• BeFunky — https://www.befunky.com — עריכה קלה עם טמפלטים.
• VistaCreate — https://create.vista.com — עיצוב מהיר לרשתות.
• GIMP — https://www.gimp.org — עורך תמונה חופשי.
• Krita — https://krita.org — ציור דיגיטלי ואיור.
• Inkscape — https://inkscape.org — וקטור חופשי.
• Vectr — https://vectr.com — וקטור פשוט בדפדפן.
• Lunacy — https://icons8.com/lunacy — עיצוב UI עם ספריות מובנות.
• Penpot — https://penpot.app — עיצוב ממשק בקוד פתוח.
• Excalidraw — https://excalidraw.com — סקיצות ו-wireframes מהירים.
• Whimsical — https://whimsical.com — flowcharts, wireframes ולוחות.
• diagrams.net — https://www.diagrams.net — דיאגרמות חופשיות.
• Shots — https://shots.so — גם mockup וגם export מהיר.
• Screely — https://www.screely.com — הצגת screenshot מסודרת.
• ImageColorPicker — https://imagecolorpicker.com — שליפת צבע מתמונה.
• ColorZilla — https://www.colorzilla.com — תוסף דגימת צבע.
• WhatFont — https://www.whatfontis.com — זיהוי פונטים ותואמים.
• WhatTheFont — https://www.myfonts.com/pages/whatthefont — זיהוי פונט מתוך תמונה.
• SVG Repo Editor — https://www.svgrepo.com/svg-editor/ — עריכת SVG מהירה.
• JPG2PNG — https://jpg2png.com — המרה בין פורמטים.

מושן, Lottie ואנימציה

בעולם שבו מסכים זזים, נפתחים, מגיבים ונושמים, motion הוא כבר לא בונוס. גם תנועה קטנה יכולה להסביר היררכיה, לתת פידבק, לחבר בין מצבים, או להפוך מוצר יבש לנעים יותר. אבל כמו בכל תחום חזותי, תנועה בלי שליטה נראית ילדותית. בקטגוריה הזאת תמצא ספריות Lottie, אייקונים מונפשים, כלים ליצירת loading states, generators לאנימציות CSS, וכלים שמחברים מושן ישירות לממשק. מי שעובד נכון עם משאבים כאלה חוסך זמן עצום, במיוחד במצבי handoff או פרוטוטייפים. חשוב לבחור תנועה שתומכת במסר, לא רק מראה את עצמה. אם המשתמש מרגיש את האנימציה יותר מדי, כנראה שהיא חזקה מדי.

קישורים בקטגוריה

• LottieFiles — https://lottiefiles.com — ספריית Lottie והשראה.
• LottieFiles Community — https://lottiefiles.com/community — אנימציות קהילתיות.
• Lordicon — https://lordicon.com/icons — אייקונים מונפשים.
• UseAnimations — https://useanimations.com — אייקונים אנימטיביים חופשיים.
• Rive — https://rive.app — אנימציה אינטראקטיבית.
• Jitter — https://jitter.video — motion בדפדפן.
• Animaticons — https://animaticons.co — GIF ו-icons מונפשים.
• Motionbox — https://motionbox.io — יצירת ועריכת וידאו/מושן.
• Iconscout Lottie — https://iconscout.com/lotties — אנימציות Lottie.
• Designmodo Lottie — https://designmodo.com/animated-icons-lottie/ — אוסף Lottie שימושי.
• Loading.io — https://loading.io — לודרים ואנימציות exportable.
• SpinKit — https://tobiasahlin.com/spinkit/ — לודרים ב-CSS.
• Epic Spinners — https://epic-spinners.epicmax.co — אוסף לודרים.
• SVG Loaders — https://loading.io/css/ — לודרים קלים.
• Haiku Animator — https://www.haikuforteams.com — כלי מושן ל-UI.
• Spline — https://spline.design — תנועה ותלת־ממד לאינטראקציה.
• Framer Motion Docs — https://www.framer.com/motion/ — motion לממשקי React.
• SVGator — https://www.svgator.com — אנימציית SVG בדפדפן.
• MotionElements Lottie — https://www.motionelements.com/lottie-animation — Lottie assets.
• Rive Community — https://rive.app/community/ — קבצי Rive קהילתיים.
• Lottielab — https://www.lottielab.com — יצירת Lottie בדפדפן.
• Canva Animated Stickers — https://www.canva.com/stickers/search/animated/ — מדבקות ואנימציות.
• Iconscout Animated Icons — https://iconscout.com/animated-icons — אייקונים מונפשים.
• Hover.css — https://ianlunn.github.io/Hover/ — אפקטי hover מוכנים.
• Animate.css — https://animate.style — ספריית אנימציות CSS.
• Magic Animations — https://www.minimamente.com/project/magic/ — אנימציות CSS.
• Animista — https://animista.net — מחולל אנימציות CSS.
• CSShake — https://elrumordelaluz.github.io/csshake/ — ספריית shake.
• Kute.js — https://thednp.github.io/kute.js/ — אנימציות SVG/CSS/JS.
• GSAP — https://gsap.com — אנימציות מתקדמות לווב.

כלי AI יצירתיים למעצבים

אי אפשר להתעלם יותר מ-AI בעולם העיצוב, אבל אפשר בהחלט להשתמש בו בצורה בוגרת. הכלים שכאן לא נועדו להחליף עין מקצועית, אלא להאיץ שלבים: חיפוש כיוונים, mockups, ויזואל קונספטואלי, ניקוי תמונה, vectorization, צבע, לוגו בסיסי, wireframe, UI generation ועוד. ההבדל בין שימוש חכם לשימוש שטחי הוא השאלה מה אתה עושה עם התוצאה. מי שמסתפק בפלט הראשון יקבל תוצאה בינונית. מי שמבין קומפוזיציה, טיפוגרפיה, יחס צבע, היררכיה ורישוי — יוכל להשתמש בכלים האלה כמאיץ עבודה אמיתי. לכן שמתי אותם בסוף הספרייה ולא בתחילתה: קודם יסודות, אחר כך קיצור דרך. AI הוא שכבת כוח, לא תחליף לשיקול דעת.

קישורים בקטגוריה

• Adobe Firefly — https://www.adobe.com/products/firefly.html — יצירת תמונות, טקסטורות וטקסט.
• Midjourney — https://www.midjourney.com — הפקת ויז׳ואלים קונספטואליים.
• Leonardo AI — https://leonardo.ai — יצירת תמונות ונכסים.
• Ideogram — https://ideogram.ai — חזק בטקסט בתוך תמונה.
• Krea — https://www.krea.ai — יצירה ו-upscale בזמן אמת.
• Recraft — https://www.recraft.ai — וקטורים, אייקונים ואיור.
• Canva Magic Media — https://www.canva.com/magic-media/ — מדיה AI בתוך Canva.
• Runway — https://runwayml.com — וידאו ועריכה מבוססת AI.
• Pika — https://pika.art — וידאו קצר AI.
• Luma Dream Machine — https://lumalabs.ai/dream-machine — וידאו מהיר מטקסט.
• Magnific — https://magnific.ai — upscale חכם ומפורט.
• Topaz Labs — https://www.topazlabs.com — שיפור תמונה ווידאו.
• Remove.bg — https://www.remove.bg — AI להסרת רקע.
• Cleanup.pictures — https://cleanup.pictures — מחיקה גנרטיבית.
• Vectorizer AI — https://vectorizer.ai — המרת raster לוקטור.
• Looka — https://looka.com — לוגואים וזהות בסיסית.
• Brandmark — https://brandmark.io — לוגואים וסקיצות מותג.
• Khroma — https://www.khroma.co — בחירת צבע מבוססת העדפה.
• Huemint — https://huemint.com — פלטות בהקשר ממשקי.
• Fontjoy — https://fontjoy.com — זיווג פונטים מהיר.
• Autodraw — https://www.autodraw.com — איור מהיר מתוך שרבוט.
• Galileo AI — https://www.usegalileo.ai — יצירת UI מתיאור.
• v0 — https://v0.dev — יצירת UI וקוד.
• Uizard — https://uizard.io — סקיצה לטמפלט ומסך.
• Visily — https://www.visily.ai — wireframes ו-mockups בעזרת AI.
• Mokker AI — https://mokker.ai — mockups למוצרים.
• Designs.ai — https://designs.ai — כלי מיתוג, וידאו וקול.
• Clipdrop — https://clipdrop.co — עריכה ויצירת תמונות.
• Microsoft Designer — https://designer.microsoft.com — עיצוב מהיר מבוסס AI.
• Figma AI Search — https://www.figma.com/ai/ — יכולות AI בתוך Figma.