תוכן
1. סקירה כללית של Figma
2. סקירת Figma
3. הדרכה של Figma: איך להשתמש בו?
4. חלופות Figma והשוואה
5. שאלות נפוצות על Figma Review

סקירת כל תכונה של Figma עבור חווית עיצוב אתרים מדהימה

סקיילר רידסקיילר רידעודכן ב-28 בפברואר 2023עורך תמונות

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

סקירת Figma

תוכן עניינים

1. סקירה כללית של Figma 2. סקירת Figma 3. הדרכה של Figma: איך להשתמש בו? 4. חלופות Figma והשוואה 5. שאלות נפוצות על Figma Review

1. סקירה כללית של Figma

מה זה Figma?

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

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

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

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

למה להשתמש ב-Figma על פני פוטושופ?

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

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

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

Figma מצוינת למעצבים משום שאינה מיועדת להחליף את Photoshop. זוהי אפליקציית ליווי שנועדה לסייע למעצבי אתרים לשפר את עבודתם.

2. סקירת Figma

תמחור Figma

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

למשתמשים ששילמו, ישנם שני שדרוגים זמינים. ספריות הצוות, שיחות השמע ותוספות הקבצים ב-Professional הם בלתי מוגבלים. שימושי אם אתה צריך לשמור על עקביות המיתוג שלך. התשלום החודשי הוא $15, £14 או 24 AUD לעורך. התעריפים החודשיים עבור עורכים הם $12, £11 או 19 AUD עבור מנויים שנתיים.

הארגון עולה $45 / £41 / AUD 71 לעורך לחודש במנוי שנתי וכולל את כל מה ש-Professional עושה, כמו גם ספריות ברחבי הארגון, ניתוח וניהול קבצים מרכזי.

Figma Figures

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

Figma Figures

תבניות Figma

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

קיטים לוירפריים. קיט הוירפריים מבוסס‑הרכיבים שלנו מאפשר לך לאמת במהירות רעיונות ולהאיץ את תהליך עיצוב האתר.

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

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

תבניות Figma

תוספים ואייקונים של Figma

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

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

אייקון Figma

פריסה אוטומטית של Figma

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

פריסה אוטומטית של Figma

3. הדרכה של Figma: איך להשתמש בו?

1.

צור חשבון Figma

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

Figma צור חשבון
2.

חקור את הממשק של Figma

לממשק Figma יש מראה מאוד פשוט ומרגיש אבל מסתיר כמה יכולות חזקות.

Tool. הכלים שתשתמש בהם לעיתים הקרובות ביותר — פריימים, צורות, טקסט וכו' — נגישים כאן בנוחות. (נעסוק בכלים הללו במהלך הימים הקרובים.)

Options. אפשרויות נוספות עבור הכלי שבחרת מוצגות בחלק זה. Figma מציגה את שם הקובץ כאשר שום פריט אינו נבחר (כמו בדוגמה למעלה). בחירות הקשריות מופיעות כאן כאשר אובייקט נבחר.

Layers. כל רכיב בקובץ רשום ומסווג ל‑Frames ו‑Groups.

Canvas. כאן אתה משלים ומעריך את כל עבודתך.

Inspector. עבור כל אובייקט נבחר, ה‑Inspector מציג מידע והגדרות בהקשר. בתמונה למעלה אנו יכולים לראות אפשרויות עבור ה‑Canvas עצמו. נדון בהן מאוחר יותר השבוע. שים לב ש‑Figma מספקת לשוניות שונות ב‑Inspector (עיצוב, אבטיפוס וקוד).

3.

יצירת מסגרת

כדי לבחור את כלי ה‑Frame, לחץ על F. סמל כלי ה‑Frame נמצא מתחת לקטגוריית Options בחלק העליון של החלון, ושם תוכל גם לבחור בו כחלופה. בנוסף, תוכל ללחוץ על A עבור Artboard אם אתה רגיל לעבוד עם Sketch.

Figma יצירת מסגרת
4.

צור שכבת טקסט

כעת נכתוב קצת תוכן. כדי להוסיף שכבת Text, לחץ בכל מקום בתוך פריים ה‑iPhone שלך לאחר שבחרת את כלי ה‑Text על‑ידי לחיצה על T. נקליד Sign In מכיוון שזה יהיה רכיב בעיצוב הכפתור. כדי לצאת מכלי ה‑Text, לחץ על Escape.

Figma הוסף טקסט
5.

יש לסדר את השכבות במלבן

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

Figma יישור טקסט ומשולש
6.

יישור טקסט ומלבן

על‑ידי לחיצה על Escape או V, ודא שכלי ה‑Move נבחר לפני גרירת מסגרת בחירה (marquee) סביב הטקסט והמלבן.

משולש יישור Figma
7.

שנה את הגופן

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

Figma שינוי טקסט
8.

שמירה ושמות לקובץ

מתן שם לקובץ שלנו היא המשימה האחרונה להיום; כדי לעשות זאת, בחר את כל האובייקטים — שימוש ב‑Escape יעבוד — ולחץ במקום שבו כתוב Untitled בחלק העליון של החלון. לאחר מכן הקלד שם חדש ולבסוף לחץ על Save כדי לסיים.

4. חלופות Figma והשוואה

תוכניות ומחיר ממשק וניסיון לְעַצֵב שיתוף פעולה מקוון
4.0 4.5 4.5 4.0
4.0 4.0 4.5 4.0
4.0 4.0 4.0 4.0
4.5 4.0 4.0 4.0
4.0 4.5 4.5 4.5
4.0 4.0 4.0 4.0
4.0 4.0 4.0 4.0

5. שאלות נפוצות על Figma Review

האם Figma למטה?

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

כיצד לחתוך צורה ב‑Figma?

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

האם Figma פשוטה ללמידה?

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

סיכום

אתה תבין היטב את FIGMA מהפוסט הזה, יחד עם היתרונות והחסרונות העיקריים שלה. פלטפורמת פיתוח תוכנה מבוססת צוות בקוד פתוח ליצירת יישומי אינטרנט היא FIGMA. יש לו עורך קוד, כלי בדיקה ועורך טקסט עשיר. Model-View-Controller (MVC) הוא הבסיס של FIGMA. גם אם יש לו חסרונות מסוימים, אתה עשוי ללמוד בקלות את Figma על ידי ביצוע כמה שלבים פשוטים שהוזכרו לעיל הודות ליתרונות שלו. אנו מקווים שהפוסט הזה נותן לך כל פרט.

האם זה מועיל לך?

329 קולות

כןכןתודה שהודעת לנו!לאלאתודה שהודעת לנו!
AnyMP4 Video Converter Ultimate

ממיר וידאו הכל באחד, עורך, משפר משודרג עם AI.

AnyMP4 Video Converter Ultimate