אם אתם בתחום העיצוב, בטח שמעתם על Figma. הנה איך להתחיל עם כלי עיצוב זה. סקירה על אתר / אפליקציית Figma – עיצוב אתרים, אפליקציות UX/UI ומצגות:
למרות שהפלטפורמה פשוטה, יש גם עקומת למידה אם אתה רגיל לכלי עיצוב אחרים. בואו נסתכל על Figma ואיך להשתמש בה.
מה זה Figma?
אם עבדת כמעצב גרפי או מעצב אתרים בשנים האחרונות, סביר להניח ששמעת על Figma. אולי אפילו השתמשת בה. Figma הוא כלי עיצוב והוא הפך בהתמדה למועדף על מעצבים דיגיטליים, ממריא מעל אפשרויות כמו Adobe XD, Adobe Photoshop ו-Sketch, לעיצוב אתרים ועוד. עם זאת, מאז ש- אדובי רכשה את Figma ב-2022 , ייתכן שיהיו כמה שינויים שיערבו מחדש את לוח התוצאות.
ישנם שימושים רבים ב- Figma . הוא משמש בעיקר לעיצוב דיגיטלי ב- AI, ואי אפשר לעצב ב-CMYK להדפסה. חלק מהשימושים העיקריים של Figma כוללים:
- יצירת אב טיפוס
- עיצוב UX/UI
- עיצוב אפליקציה
- עיצוב אתרים
- עיצוב מצגת
- AI בינה מלאכותית
אתה יכול להשתמש בתוספים מדגם Figma כדי לעזור להשוויץ בעיצובים שלך, להמיר דפי אינטרנט אמיתיים לעיצובי Figma באמצעות תוספים, ואפילו ליצור תבניות מאסטר לעיצובי Figma כדי לחסוך לך זמן בסוגי עיצוב שחוזרים על עצמם.
כמה עולה Figma?
אתה יכול ליצור חשבון Figma בחינם באתר Figma או על ידי הורדת אפליקציית Figma . חשבון חינמי מספק פונקציונליות לכל היבטי העיצוב של האפליקציה. אתה יכול לעצב עם Figma ו- FigJam – כלי שיתוף הפעולה של Figma. אם אתה משתמש ב-Figma כתחביב או כפרילנסר יחיד, גרסת Free Forever היא כמעט מושלמת. עדיין יש לך גישה לכל התוספים, אתה יכול להזמין משתפי פעולה ללא הגבלה, להשתמש בקבצים אישיים ללא הגבלה ולהשתמש ב- Figma מכל הפלטפורמות.בעוד שהגרסה החינמית של Figma מציעה די והותר לכל מעצב סטנדרטי, מנוי של Figma Professional מאפשר לכם להזמין חברים לצוות, לעבוד מספריות צוות, לקבל גישה ללא הגבלה לקבצי Figma והיסטוריית גרסאות, ועוד, תמורת 12$ לחודש לעורך. אם אתה סטודנט או מחנך, אתה יכול לקבל את Figma Professional בחינם.
כיצד להשתמש ב- Figma: היסודות
בין אם אתה משתמש באפליקציית Figma או בגרסת הדפדפן, אתה יכול לעקוב בקלות.
כאשר אתה פותח את Figma, יוצגו בפניך אפשרויות להתחיל קובץ Figma חדש, קובץ FigJam חדש, או לייבא קובץ שנוצר בתוכנה אחרת, כמו Sketch או Adobe XD. אם השתמשת בעבר ב-Figma, תראה גם את הפרויקטים הקודמים של Figma שתוכל לפתוח ולעבוד
ניווט בסביבת העבודה של Figma
פתיחת קובץ חדש נראית בתחילה חסרת השראה. שלא כמו הרבה תוכניות עיצוב אחרות, אתה לא מתחיל עם משטח היצירה או הקנבס שלך, אלא דף עיצוב ריק לחלוטין. אבל עם מוח מלא בהשראה, זה לא יישאר חלל ריק לאורך זמן.
התפריט האופקי השמאלי העליון מתחיל בסמל התפריט הראשי – הלוגו של Figma. בחירה בתפריט הראשי, תוכל לנווט אל הקבצים האחרים שלך, פעולות מהירות של Figma, אפשרויות קבצים טיפוסיות וגישה לתוספים, ווידג'טים וספריות.לאחר מכן, תמצא את הכלי Move ( V ), עם הכלי Scale ( K ) שוכן מתחתיו. כלים אלה מיועדים להזזת אלמנטים או קנה מידה של חלקים מהעיצוב שלך למעלה או למטה. ומימין לכלים אלה , תראה את כלי האזור, מסגרת ( F ), מקטע וחתך , ממוקמים זה בזה.
ב-Figma, מסגרת היא מה שתוכניות אחרות עשויות לכנות משטח יצירה או קנבס. בחר מסגרת כדי לצייר קנבס בגודל מותאם אישית. כאשר נבחר, התפריט הימני יציג אפשרויות מסגרת מוכנות מראש עבור גדלי מכשירים נפוצים: סמארטפונים, טאבלטים, שולחנות עבודה, שעונים חכמים, מצגות ואפשרויות מדיה חברתית. אתה יכול גם ללחוץ ולגרור את המסגרת שלך ישירות כדי להפוך אותה לכל גודל מותאם אישית.
בחזרה לתפריט השמאלי העליון, מימין לכלי האזור נמצאים כלי הצורה , כלי העט וכלי הטקסט . לאחר מכן, משאבים – רכיבים, פלאגינים ווידג'טים – וכלי היד להזזת הקובץ שלך . ולבסוף, כלי ההערות שהוא נהדר להערת הערות ולשיתוף פעולה עם חברי הצוות.
תפריט העיצוב של Figma
עם מסגרת ערוכה, בחירת הכותרת שלה מפעילה את המסגרת, מוכנה לעיצוב. התפריט הימני מציג כותרות עבור עיצוב , אב טיפוס ובדיקה . כפי שהשם מרמז, אפשרות העיצוב היא התפריט שבו תשתמש כדי לעצב את האלמנטים על המסגרת שלך.בעוד שתפריט העיצוב הראשוני הוא מעט פשטני, ככל שאתה מוסיף אלמנטים נוספים לעיצוב שלך, אפשרויות התפריט מתפתחות. בהתחלה, התפריט פועל מלמעלה למטה עם כלי יישור, כלי גודל, פריסה אוטומטית , רשת פריסה , שכבה , מילוי , קו , אפקטים וייצוא . חלק מהם ממוזערים כברירת מחדל, אך על ידי לחיצה על הסימן + , אתה יכול לפתוח כל תפריט או לחיצה – כדי למזער אותו.
לאחר שציירתם את המסגרת הראשית שלכם לפרויקט, תוכלו להשתמש בכלי Shape או Pen כדי לצייר צורות או להוסיף מצייני מיקום של תמונה, ותוכלו להוסיף טקסט באמצעות כלי הטקסט בדרכים שכנראה עשיתם בתוכנות אחרות.ברגע שיש לך צורות או טקסט על המסגרת, השתמש באפשרויות התפריט השונות ביד ימין כדי לערוך ולעצב את האלמנטים האלה. תפריט השכבה מציע מצבי אטימות ומיזוג; עם מילוי אתה יכול להוסיף צבע או להוסיף תמונות עם כמה תכונות עריכה כמו חשיפה , ניגודיות , טמפרטורה ועוד.
ככל שאתה בונה אלמנטים נוספים בפרויקט שלך, השכבות ייווצרו בתפריט השכבות בצד שמאל שליד הכרטיסייה Assets . אתה יכול ללחוץ פעמיים על כותרת שכבה כדי למצוא את האלמנט, ולהיפך; אתה יכול ללחוץ פעמיים על אלמנט עיצובי כדי למצוא את השכבה המודגשת. לחיצה כפולה על כותרות מאפשרת לשנות את שמם לארגון מיטבי.
תפריט האב-טיפוס של Figma
מימין לאפשרות התפריט עיצוב נמצא תפריט האב-טיפוס . לאחר שסיימתם את ההיבטים הוויזואליים של העיצוב שלכם והגדרתם תיבות תמונה וטקסט לאן הם צריכים להגיע, תוכלו להשתמש בכלי האב-טיפוס כדי להוסיף אנימציות ומעברים לעיצובים שלכם.תפריט האב טיפוס מאפשר לך לחבר מסגרות או רכיבים יחד כמעברים. אתה יכול לבחור באיזה סדר וכיצד כל מסגרת עוברת לאחרת.זה עובד מצוין אם אתה עורך מצגת Figma שמנפישה משקופית אחת לאחרת, אבל הכלי גם מאפשר לך במומחיות לדמיין אנימציות עבור כפתורים או תפריטים לעיצוב אפליקציות ואתרים.
קשור: 10 תוכנות עריכת תמונות בינה מלאכותית AI הטובות ביותר חינם ובתשלום (עיצוב, גרפיקה)
אתה יכול להוסיף מעברים מרובים לכל דף עבור כל הדברים השונים, כדי שתוכל לראות כיצד המשתמשים היו מעורבים באתר שלך כשהוא פעיל.בעוד השימוש ב-Figma לעיצוב אתר אינו זהה ליצירת אתר אינטרנט חי, אתה יכול להעביר את עיצוב ה-Figma שלך לצוות המפתחים שלך שיוכל ליצור מחדש את אינטראקציות האב-טיפוס שלך כעיצובי אנימציה מהחיים האמיתיים לאתר שלך. זה אומר שאתה יכול לעבור מדף לדף מקליקים, זמן או אינטראקציות אחרות.
תחילת העבודה עם Figma היא קלה
כעת אתה יודע כיצד לנווט בפריסת Figma וכיצד פועלים כלי העיצוב והאב-טיפוס הבסיסיים. מכיוון ש-Figma כל כך נגישה, הגיע הזמן ללכת ולהתעסק עם כלי העיצוב הזה ולראות מה אתה יכול ליצור.
