11 קיצורי המקלדת המובילים של Figma עבור Windows ו-Mac

Figma צברה אחיזה בחלל העיצוב. תוכנת Sketch שולטת בעיקר בתעשיית עיצוב UI/UX. אבל ההצעות האחרונות על ידי אדובי (אדובי XD) ו-Figma עם תמחור גמיש, שיתוף חלק וזמינות בין פלטפורמות משנים את המשוואה עבור מעצבי ה-UI/UX שם בחוץ.

הזמינות של Figma באינטרנט, Windows ו-macOS, יחד עם תוכנית ה-Starter המצוינת שלה (3 פרויקטים ו-2 עורכים), הופכים אותה לבחירה אידיאלית לעיצוב, אבטיפוס ושליטה במיומנויות עיצוב ממשק משתמש. החברה לאחרונה הציג עבורו תמיכת פלאגינים המיוחלים לו. אם אתה חדש בחלל עיצוב ממשק משתמש/UX ומתחיל את המסע שלך עם Figma, אז אולי תרצה לשנן חבורה של קיצורי מקשים חיוניים של Figma עבור Windows ו-Mac.

בפוסט זה, נסקור את אחד עשר קיצורי המקלדת הטובים ביותר של Figma שבהם אתה יכול להשתמש במחשבי Windows PC ו-Mac. בואו נתחיל.

בקר בפיגמה

1. יכולות זום מאסטר

אינך יכול להשתמש ב- Figma או בכל תוכנת עיצוב ממשק משתמש/UX מבלי לשלוט בקיצורי המקלדת של זום. אלו יהיו קיצורי המקשים הנפוצים ביותר במהלך זרימת העבודה שלך.

עבור Windows ו-Mac, אתה יכול להשתמש ב-Shift + 1 כדי להתאים את השכבות למסך. Shift + 2 כדי להגדיל את המסגרת שנבחרה (קיצור המקלדת הנפוץ ביותר שלי מכיוון שהוא מאפשר לי להציג במהירות את הפרטים של הרכיב שנבחר), ו-Shift + 0 ל-Zoom 100%.

2. הצג/הסתר סרגלים והצג/הסתר רשתות פריסה

בדרך כלל אני לא משתמש בסרגלים ב-Figma, אבל אם אתה מתכנן להשתמש בהם במהלך עיצוב ממשק המשתמש, אז אתה יכול להשתמש בקיצור המקלדת Shift + R ב-PC או Mac כדי להציג/להסתיר סרגלים.

אני משתמש ב-Layout Grids כל הזמן. זה מאפשר לך לסדר את הרכיבים, אייקונים עם אותו מרחק, מאפשר לך לארגן את הטקסט ואלמנטים אחרים. השתמש בקיצור המקשים Control + G ב-Mac כדי להציג/להסתיר רשתות פריסה.

גם על Guiding Tech

3. כלי עט, תנועה וטקסט

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

אתה תמיד יכול לבחור אותם מהתפריט העליון או להשתמש בכלי P עבור Pen, V עבור Move ו-T עבור טקסט בכלי Windows ו-Mac.

4. מעבר בין שכבות ורכיבים

שני קיצורי המקלדת האלה שימושיים למדי כשאתה עובד על פרויקט עיצוב עם יותר מדי שכבות ורכיבים. ייתכן שתצטרך לעבור ביניהם כל הזמן. אתה יכול להשתמש באפשרות + 1 עבור Mac או Alt + 1 עבור Windows כדי לעבור לחלונית השכבות. לאחר מכן השתמש באפשרות + 2 עבור Mac או Alt + 2 עבור Windows כדי לעבור לתפריט הרכיבים.

5. פתח את בוחר הצבעים

פונקציה זו שימושית כאשר ברצונך לחלץ צבע מתמונה או סמל או מכל רכיב אחר. אתה יכול להשתמש בקיצור המקלדת 'אני' ב-Mac או ב-Windows כדי לפתוח את בורר הצבעים. העבר את בורר הצבעים מעל תמונה או סמל והעתק את קוד הצבע מה- בוחר צבעים תַפרִיט.

6. העתק/הדבק סגנון נוכחי

זה חוסך זמן אמיתי. רוצה להעתיק במהירות את הצבע/העיצוב הנוכחי של רכיב לטקסט או לסמל אחר? אתה יכול לבחור את הרכיב הנוכחי ולהשתמש ב-Option + Command + C עבור Mac או Ctrl + Shift + C עבור Windows כדי להעתיק את הסגנון שלו. כעת בחר את הרכיב השני והשתמש ב-Option + Command + V עבור Mac או Ctrl + Shift + V עבור Windows כדי להדביק את הסגנון.

7. בחירת קבוצה/ביטול קבוצה

קיבוץ וביטול קיבוץ הם אחד החלקים החשובים ביותר בכל תוכנת עיצוב. לאחר הוספת צורות, סמלים, טקסט, אולי תרצה לקבץ אותם כדי להזיז או לשנות אותם בקלות. אתה יכול לבחור את הרכיבים ולהשתמש ב-Command + G עבור Mac או Ctrl + G עבור Windows כדי ליצור קבוצה.

כדי לבטל את הקיבוץ, השתמש ב-Command + Shift + G עבור Mac או Ctrl + Shift + G עבור Windows.

גם על Guiding Tech

8. החלף נעילה וביטול נעילה

כאשר אתה יוצר עיצוב עם יותר מדי שכבות ורכיבים, הקנבס של Figma עשוי להיות עמוס למדי עבורך. בתרחישים אלה, לא תרצה להזיז שום סמל, טקסט או רכיב בטעות. במקרים כאלה, אתה יכול לבחור את הרכיב ולהשתמש ב-Command + Shift + L עבור Mac או Ctrl + Shift + L עבור Windows כדי לנעול אותם.

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

9. צור רכיבים

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

אתה יכול לקבץ את הסמלים והטקסט באמצעות הכלי Group ולאחר מכן להשתמש ב-Option + Command + K עבור Mac או Ctrl + Alt + K עבור Windows כדי ליצור רכיב. כעת, גש אליהם מתפריט הרכיבים (בדוק מס' 4).

10. הצג ספריית צוות

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

עבור פרויקטים גדולים, כל חבר צוות מקבל משימה נפרדת לעיצוב. בזמן יצירת העיצוב בקבוצה, ייתכן שתרצה לבקר בספריית הצוות, המורכבת ממרכיבים וסמלים נפוצים בין החברים. אתה יכול לפתוח את התפריט באמצעות Command + Option + O ב-Mac או Ctrl + Alt + O ב-Windows כדי לפתוח את תפריט ספריית הצוות.

11. עיצוב ייצוא

לאחר סיום העיצוב, אולי תרצה להשתמש באפשרות הייצוא כדי לחלץ אייקונים ותמונות מהעיצוב כדי שתוכל לשלוח אותם למפתחים כדי ליישם אותם. אתה יכול לבחור את השכבה ולהשתמש ב-Command + Shift + E עבור Mac או Control + Shift + E עבור Windows כדי לייצא את הפרטים.

גם על Guiding Tech

השתמש ב- Figma כמו מקצוען

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