Figma הוא כלי עיצוב מעצמה והיא הבחירה הראשונה של רוב מעצבי UX/UI כתוכנית עיצוב. אתה יכול ליצור כל כך הרבה בתוך Figma, וזו תוכנית שקל ללמוד.
כמעצבים, לעתים קרובות אנו מחפשים לחסוך זמן, ולכן אנו מבלים את השעות היקרות שלנו ביצירת עבודה טובה במקום בחיפוש אחר תפריטים. ריכזנו רשימה של קיצורי דרך שימושיים של Figma שיייעלו את זרימת העבודה שלכם.
קיצור דרך פשוט זה הוא דרך מהירה להתאים את הפריטים שלך. לחץ על ק מקש, ולאחר מכן בחר את האובייקט שאתה צריך לשנות את גודלו. כל מה שאתה צריך לעשות הוא ללחוץ ולגרור נקודת עיגון אחת והאובייקט שלך נשאר בקנה מידה תוך שינוי הגודל למה שאתה צריך שהוא יהיה.
כלי המסגרת הוא כלי בשימוש רב ב-Figma בעת יצירת לוחות מסגרת מרובים עבור עיצובי אב טיפוס. מכה ו במקלדת שלך מעלה את הכלי בהקשה אחת, ומאפשר לך לצייר או להתאים את המסגרת שלך במהירות.
אתה יכול לצייר את המסגרת ישירות על ידי לחיצה וגרירת הסמן, או לאחר בחירת הכלי Frame, תוכל להקליד את הגדלים המיועדים לך בתיבות הממדים בתפריט המסגרת מימין.
3. מעבר בין מצבי עיצוב ואב טיפוס
ה מִשׁמֶרֶת + ה קיצור דרך מאפשר לך לעבור בין מצב עיצוב למצב אב טיפוס. אותו קיצור דרך עובד ללא קשר לאיזה מצב אתה מתחיל ומעבור אליו. ראה שלנו מדריך למתחילים ל-Figma כדי ללמוד את ההבדלים בין המצבים הללו.
לחילופין, ישנם קיצורי דרך ספציפיים יותר למטרה זו. Alt (חלונות) / אוֹפְּצִיָה (מק) + 8 ניתן להשתמש כדי לעבור ממצב אב טיפוס למצב עיצוב, בעוד Alt (חלונות) / אוֹפְּצִיָה (מק) + 9 עובר ממצב עיצוב חזרה למצב אב טיפוס. מובן מאליו, מִשׁמֶרֶת + ה קל יותר, אבל נחמד שיש אפשרויות.
4. בחר את האלמנט הפנימי ביותר בלחיצה אחת (בחירה עמוקה)
כאשר מעצבים בשכבות מרובות או עם תמונות משובצות, יכול להיות קשה לבחור אלמנט אחד במהירות. כדי לחסוך זמן לחיצה על מה שמרגיש כמו תריסר פעמים כדי לבחור את השכבה התחתונה ביותר, השתמש בקיצור זה במקום זאת.
ב-Mac, החזק Cmd + נְקִישָׁה האלמנט, וב-Windows, Ctrl + נְקִישָׁה. מקש פשוט אחד חוסך דקות של לחיצה חסרת מחשבה כדי לבחור אלמנט בשכבה התחתונה.
5. זז רמה לאחר בחירת האלמנט הפנימי ביותר
לאחר שהשגת את בחירת האלמנט הפנימי ביותר של העיצוב שלך, אולי תבין שאתה רוצה לבחור אלמנט קרוב יותר - קל. לאחר שמצאת את האלמנט הפנימי ביותר, לחץ מִשׁמֶרֶת + להיכנס להזיז רמה אחורה. אתה יכול לעשות זאת עבור כל הרמות.
6. כווץ את כל השכבות
בעת עיצוב ב-Figma, לוח השכבות שלך יתחיל להתרחב ועלול להיראות מעט מבולגן, במיוחד כשאתה המרת HTML לעיצוב Figma. כדי לכווץ את השכבות שלך, פשוט לחץ Alt + ל (Windows) או אוֹפְּצִיָה + ל (מק).
אם בחרת אלמנט בזמן השימוש בקיצור זה, השכבה עם הרכיב הזה תישאר פתוחה. בחר בכל מקום מחוץ למשטח היצירה כדי לבטל את הבחירה בכל הרכיבים והשתמש בקיצור הדרך כדי לכווץ את כל השכבות.
7. הצג או הסתר רשתות פריסה
שימוש ברשתות פריסה היא הדרך הטובה ביותר להבטיח שהעיצוב שלך יגיע לפרופורציות מסוימות ויכול לשנות את קנה המידה בצורה נכונה עבור מכשירים שונים. למרות שהם מועילים, אתה לא תמיד רוצה שהרשתות יוצגו.
הפעלה וכיבוי של רשתות פריסה שונה ב-Mac מאשר ב-Windows. ב-Mac, לחץ Ctrl + G כדי להפעיל או לכבות אותו. אם אתה משתמש ב-Windows, זהו קיצור דרך בעל שלושה מקשים; Ctrl + מִשׁמֶרֶת + 4. הם שונים, אבל הם עושים את אותו הדבר.
8. הצב מספר תמונות בבת אחת
אם עיצבת פריסה עם צורות מציינות מיקום מוכנות לתמונות שלך, זה יכול להיות מתסכל להכניס את התמונות אחת אחת. קיצור זה מאפשר לך למקם מספר תמונות ופשוט לבחור את מציין המיקום - או בכל מקום במשטח היצירה שלך - כדי למקם כל תמונה בנפרד.
עבור משתמשי Mac, לחץ Cmd + מִשׁמֶרֶת + ק כדי למשוך את חלון הדו-שיח כדי למצוא את התמונות שלך. ב-Windows, זה Ctrl + מִשׁמֶרֶת + ק כדי שתוכל למצוא ולהציב תמונות מרובות בעיצוב Figma שלך. אם אתה ליצור תבנית מאסטר ב- Figma, זהו קיצור דרך נהדר לשימוש.
9. העתק כל תמונה כ-PNG
בעת שימוש בתמונות בעיצוב Figma שלך, אולי יש לך מבחר של פורמטים של קבצים, אבל אולי הלקוח שלך דורש PNGs. אתה יכול להעתיק כל תמונה כ-PNG, ללא קשר לפורמט המקור שלה.
בחר את התמונה שבחרת ולחץ Cmd + מִשׁמֶרֶת + ג ב-Mac ו Ctrl + מִשׁמֶרֶת + ג ב-Windows כדי להעתיק אותו כ-PNG. אתה יכול בקלות להשתמש בקיצור זה כדי להבטיח פורמט תמונה ברמה גבוהה, במיוחד אם אתה יצירת מצגות עם Figma.
10. טיפת עיניים צבע מכל מקום
טיפת עיניים של צבע היא תכונה שימושית כאשר אתה לוקח צבע מחלק אחד של העיצוב שלך לאחר. קיצור מקשים מהיר זה מאפשר לך למשוך את הטפטפת תוך שנייה ולבדוק צבע מכל מקום במשטח היצירה שלך.
ב-Mac, לחץ Ctrl + ג, ובחלונות זה מקש האותיות אני. לאחר שלחצתם על קיצורי המקלדת, הזיזו את מטרת הטפטפת על הצבע שבו ברצונכם להשתמש, ולחץ פעם אחת כדי לגוון את הצבע.
11. פתח את הכרטיסייה משאבים
הכרטיסייה משאבים היא בית לתפריטי הרכיבים, התוספים והווידג'טים. אמנם אין קיצורי דרך לפתיחת תפריטים אלה בנפרד, קיצור הדרך משאבים עדיין חוסך זמן: מִשׁמֶרֶת + אני. אתה יכול השתמש בתוספים כדי ליצור ולהוסיף מוקאפים לעיצובי Figma שלך.
חסוך זמן עם קיצורי דרך של Figma
מעצבים משתמשים בדרך כלל בקיצורי דרך בעבודתם כדי לחסוך זמן ואנרגיה, והעבודה ב-Figma אינה שונה. קיצורי דרך אלה של Figma רק מגרדים את פני השטח של קיצורי הדרך שבהם אתה יכול להשתמש בתוכנית.
קיצורי דרך אלו אינם ברורים או מוצאים בקלות, אז קחו את הלמידה החדשה שלכם ל- Figma והתענגו על המידע שלמעצבים רבים לוקח חודשים או שנים להבין.
