כיצד ליצור ולהוסיף מוקאפים לעיצובי Figma שלך באמצעות תוספים

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

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

כיצד למצוא ולהוריד תוספים של Figma

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

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

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

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

לאחר שמצאת תוסף שברצונך להוריד, לחץ על הכחול להתקין לַחְצָן.

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

• מוקאפים של קליי תלת מימד
• מוקאפים של זווית
• MockRocket - מוקאפים תלת מימדיים
• ללעוג
• Vectary 3D Elements

כיצד להשתמש בתוספים של Mockup ב- Figma

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

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

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

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

אנו הולכים להראות לך כיצד להשתמש בשלושה מהתוספים המוצעים שלנו: Clay Mockups 3D, Angle Mockups ו- Vectory 3D Elements. בואו נקפוץ ישר פנימה.

מוקאפים של קליי תלת מימד

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

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

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

מוקאפים של זווית

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

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

לאחר ההורדה, פתח את הקובץ. זה מכיל דוגמאות שתוכל להשתמש בהן ב- Figma, Sketch ו-Adobe XD, כמו גם כמה טפטים בחינם. לִפְתוֹחַ זָוִיתפיגמה. תמצאו שני סרטונים שיעזרו בשימוש במודלים, כמו גם ארבע קבוצות של קבצי Figma עם מוקאפים שונים.

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

מצא את זווית המכשיר שבה ברצונך להשתמש עבור הדגם שלך והעתק אותו (גmd + ג עבור Mac או גtrl + ג עבור Windows). הדבק את זה (גmd + V עבור Mac או גtrl + V עבור Windows) לאותו משטח יצירה כמו העיצוב הראשי שלך.

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

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

Vectary 3D Elements

Vectary 3D פועל בדומה ל-Clay Mockups 3D, אם כי יש לו פחות אפשרויות עבור מודלים של מכשירים מכיוון שהוא מציע גם מגוון נכסים תלת מימדיים. פתח את העיצוב שלך, בחר את המסגרת ועבור אל תוספים > Vectary 3D Elements.

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

כעת יש לך דגם תלת מימד של העיצוב שלך במכשיר שתבחר. אתה יכול להוסיף אותו לעיצוב אחר בקלות.

לאחר השלמת הדגם שלך, תוכל לשמור אותו כקובץ PNG לשימוש בקלות בעיצוב אחר. נְקִישָׁה קובץ > ייצוא. בחר את התמונה שבחרת לייצא ולאחר מכן לחץ יְצוּא עבור ה-PNG הסופי שלך.

הוסף ריאליזם לעיצובים שלך עם מוקאפים של Figma

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

עם כמה הבדלים ביישום, קל לגשת ולהשתמש בתוספי מדגם Figma, אז למה לא לנסות את זה?

כיצד ליצור תבניות מאסטר למצגות ב- Figma

קרא הבא