Figma: תכנון, אב-טיפוס ושיתוף פעולה ברחבי הארגון

פיגמה

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

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

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

פיגמה

פיגמה מרכז הרבה מהעבודה הזו עם פלטפורמה המאפשרת עיצוב, משוב ושיתוף פעולה בכל אחד מחברי הצוות שלך, כולל:

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

ל- Figma יש כמה תכונות ייחודיות:

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

אב טיפוס רספונסיבי

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

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

התחל לעבוד עם פיגמה

ל- Figma יש מבחר נהדר של מדריכים שהם מקיימים עליהם ערוץ YouTubeהנה סרטון תחילת העבודה:

פיגמה נותן למפתחים אפשרות לבדוק, להעתיק, לייצא נכסים ולהעתיק CSS ישירות מקובץ העיצוב. תוכל גם לאפשר את זרימות העבודה הקיימות שלך עם שילובים, כולל ספינת אוויר, אבוקוד, Jira, Dropbox, ProtoPie, ו עיקרון עבור Mac. יש להם גם ממשק API חזק.

נסה את פיגמה בחינם

מה אתה חושב?

אתר זה משתמש Akismet כדי להפחית דואר זבל. למד כיצד הנתונים שלך מעובדים.