כך תייבאו כל קומפוננטה או לייאאוט ישירות לפיגמה

ידעתם שאפשר לייבא ל-Figma כמעט כל קומפוננטה או לייאאוט של מוצרים מוכרים כמו Airbnb, ChatGPT או Notion – עם אוטו-לייאאוט, גודל פונטים, צבעים, ספייסינג, פאדינג, hover states – כמעט כאילו זה הקובץ דיזיין המקורי? 🤯

‍

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

‍

הפעם הסרטון הוא על פלאגין לפיגמה שעושה קסמים: הוא מאפשר להמיר כמעט כל מבנה HTML לפיגמה.

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

‍

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

‍

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

‍