12 התוספים הטובים ביותר של Adobe XD לכל מעצב
Miscellanea / / November 29, 2021
הייתה תקופה שבה נהגנו לסמוך על Adobe Photoshop עבור כל דרישה הקשורה לעיצוב. כעת יש לנו אפליקציות ותוכנות ייעודיות לכל מקרה שימוש. עבור עיצוב UI/UX, השוק מוצף באפשרויות כמו Sketch, פיגמה, InVision ו-Adobe XD. ביניהם, אם אתה מושקע במערכת אקולוגית של Adobe, אז Adobe XD הופך לבחירה טבעית עבורך. באמצעות תוספים של XD, אתה יכול לקחת את החוויה לשלב הבא.
תוספים ממלאים תפקיד חיוני בכל תוכנת UI/UX. הם דומים לאופן שבו אתה משתמש בתוספים עבור דפדפן. שורה של חברות פרופיל גבוה כמו Dribble, Airtable ו-Stark הביאו את הכלים והשירותים שלהם ישירות ל-XD ברגע שהפלטפורמה הפתוחה הוכרזה. בואו לחקור כמה מהפלאגינים הטובים ביותר עבור Adobe XD.
הערה: באפליקציית Adobe XD תמצאו את חנות הפלאגין. כל שעליך לעשות הוא לחפש את שם הפלאגין בשורת החיפוש ולהתקין אותו במכשיר.
גם על Guiding Tech
1. טרלו
כאשר עבודה מהבית הופכת לנורמה חדשה בימינו, חברות רבות מסתמכות על פתרונות לניהול פרויקטים כמו טרלו, אסאנה וג'ירה כדי לבצע את העבודה. אם צוות המעצבים שלך משתמש ב-Trello לניהול משימות UI/UX, אז Trello הוא התוסף החובה לצוות שלך.
עם התוסף Trello, מעצבים יכולים לשלוח ללא מאמץ את נכסי ה-XD שלהם אל Trello, מה שמאפשר להם לשתף משטחי יצירה עם הצוות מבלי לעזוב את Adobe XD.
2. Photosplash 2
מדי פעם אתה נתקל בנקודה שבה אתה רוצה להשתמש בתמונה נטולת תמלוגים בדגם UI. השגרה הרגילה כוללת חיפוש תמונה ברשת, הורדתה למחשב ויבואה לתוכנת XD. במקום זאת, אתה יכול פשוט לבחור בתוסף Photosplash 2 ולהוסיף תמונות ישירות לתוכנית XD.
3. XD לפלטר
שפת Flutter של גוגל הופכת פופולרית בקרב מפתחים בימים אלה. עם שורת קוד אחת, אתה יכול ליצור אפליקציות הן עבור iOS והן עבור Android. החברה לאחרונה נוספה תמיכה באפליקציות אינטרנט גם כן.
עם התוסף XD to Flutter, אתה יכול ליצור קוד לבניית אפליקציות עם Flutter בהתבסס על העיצובים שלך ב-Adobe XD. התוסף יוצר קוד עבור כל רכיב שנבחר ב-XD, או עבור האובייקטים הבודדים על הבד או עבור משטחי יצירה שלמים.
בזמן שאתה מבצע שינויים ב-XD, אתה יכול פשוט להפעיל את התוסף שוב ולעדכן את הקוד שנוצר.
4. בטל ציור
דגם אינו גמור ללא שימוש באיור כלשהו. במקום לחפש אותם שעות באינטרנט, אתה יכול פשוט להשתמש בתוסף UnDraw שיש לו אוסף איורים ענק. התוסף מכיל אוסף המתעדכן כל הזמן של איורי .svg, הניתנים להתאמה מלאה ושניתן להשתמש בהם בחינם וללא ייחוס, אפילו בפרויקטים מסחריים.
אנו משתמשים בו בכל פרויקט עיצוב, וממליצים בחום לנסות אותו.
5. פנים ממשק משתמש
כל מעצב צריך את תמונות הפרופיל האלה לשימוש בעיצובי ממשק משתמש/UX. תוסף UI Faces for XD צובר אלפי אווטרים שתוכל לסנן כדי ליצור את הפרסונות המושלמות שלך. האווטרים מסוננים ממקורות שונים. אתה יכול לבחור אותם לפי גיל, מין, רגש וכו'.
6. זָוִית
לאחר השלמת פרויקט העיצוב, אולי תרצה להציג את זה ללקוח שלך בדגם מכשיר. באמצעות התוסף Angel mockup, אתה יכול ליצור מוקאפים יפים כדי ליצור רושם ראשוני מוצק.
צוות GT אוהב להשתמש בדוגמיות ובזריקות דריבל מדהימות. הזווית היא אחד התוספים הפופולריים והמדהימים ביותר שכל חובב מוקאפים צריך לנסות.
גם על Guiding Tech
7. אייקונים 4 עיצובים
זה לא צריך הקדמה. כל מעצב צריך את הסמלים הצבעוניים והמינימליסטיים האלה כדי ליישם בעיצוב. אייקונים 4 מאפשרים לך לחפש אייקונים לפי שם, ולמקם את האייקונים ברשימת התוצאות בלחיצה, וכתוצאה מכך אייקון מבוסס וקטור הניתן לעריכה מלאה.
הקולקציה כוללת תריסר אוספי אייקונים פופולריים במגוון סגנונות. קדימה, נסה את זה. אנחנו בטוחים שלא תתאכזבו.
8. לורם איפסום
זהו תוסף חשוב נוסף עבור כל מעצב. במהלך פרויקט, ייתכן שתצטרך להשתמש בטקסט המזויף הזה. Lorem Ipsum היא דרך סטנדרטית בתעשייה להציג את הטקסט בדגם UI. ישנם אתרים ייעודיים שמאפשרים לך להעתיק את הטקסט בהתאם לדרישות שלך.
באמצעות תוסף Lorem Ipsum, אתה יכול פשוט לקבל את הטקסט הזה מבלי לעזוב את תוכנת Adobe XD.
9. שנה את שם זה
כולנו בילינו יותר זמן ממה שהיינו רוצים להודות בארגון ושינוי שמות של שכבות ומשטחי יצירה. שינוי שם זה מאפשר לך לשנות את שמות כל השכבות ברצף בסדר עולה או יורד, כמו גם לשנות את האותיות של שם השכבה בפחות זמן מאשר שינוי שם של כמה שכבות בלבד. זה אפילו מאפשר למצוא ולהחליף מילים או תווים עם קיצורי מקלדת פשוטים.
10. סימניה
אם אתה עובד עם הרבה עיצוב ומשטחי יצירה ולפעמים מרגיש קושי למצוא את משטח היצירה המסוים, נסה את התוסף Bookmark. תוסף זה מאפשר לך לסמן משטח יצירה מסוים, ובכל פעם שאתה רץ ולחץ על הסימנייה הספציפית, מיקוד המסך שלך יעבור למשטח היצירה המסוים הזה.
11. ColorSpark
ראינו מעצבי ממשק משתמש רבים נאבקים עם בחירת צבעים ושילובים לאורך הפרויקט. יש כלים ייעודיים באינטרנט שעוזרים לך לקבל החלטה טובה יותר. אבל ColorSpark עבור Adobe XD מנצח כל אחד מהם עם מחולל צבעים מובנה עבור צבעים והדרגות אקראיות.
זה עוזר למעצבים לגלות פלטות צבעים ייחודיות ולעורר יצירתיות.
12. רָפוּי
שלב עבודה יצירתית ועבודת צוות עם רָפוּי. מעצבים יכולים בקלות לשתף ולהציג קבצים מיישומים, כולל Adobe XD, לקבל משוב ולהישאר מעודכנים לגבי הפעולות שננקטו בנכסים שלהם.
עם ההיסטוריה הניתנת לחיפוש, השיחה המאורגנת ושילוב האפליקציות שלו, תוסף Slack הוא הדרך המושלמת לשתף פעולה ולקבל קלט ברור ויעיל על העיצוב שלך מתחילתו ועד סופו.
גם על Guiding Tech
צור עיצובי ממשק משתמש מדהימים
Adobe XD הוא פתרונות מושלמים אם אתה משקיע במערכת האקולוגית של Adobe. ובניגוד ל-Sketch, זה זמין גם ב-Windows וגם ב-Mac ולא עולה כלום לנסות כמה פרויקטים. עבור על רשימת התוספים שלמעלה והפעל את כישורי העיצוב שלך עם Adobe XD.
הבא בתור: מעוניין לייצא את עיצוב Adobe XD לקוד HTML? קרא את הפוסט למטה כדי ללמוד כיצד להשיג זאת.