פתיחת עולם העיצוב השיתופי: צלילת עומק ל-Penpot עבור צוותי פרונטאנד

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

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

מהו Penpot ומדוע הוא צובר תאוצה?

Penpot הוא כלי עיצוב ובניית אבות טיפוס שיתופי מבוסס-אינטרנט, המאפשר לצוותים רב-תחומיים ליצור מוצרים דיגיטליים מרהיבים. בליבתו, הוא מספק עורך גרפיקה וקטורית, אך כוחו האמיתי טמון בתכונות השיתופיות שלו, ביכולות בניית אבות הטיפוס, וחשוב מכל, בבסיסו המושתת על תקני אינטרנט פתוחים. בניגוד לרוב כלי העיצוב המשתמשים בפורמטי קבצים קנייניים, הפורמט המקורי של Penpot הוא SVG (Scalable Vector Graphics) — תקן שכל דפדפן אינטרנט מודרני מבין באופן מובנה. זה אינו רק פרט טכני; זוהי בחירה פילוסופית בעלת השלכות עמוקות על זרימת העבודה של פיתוח פרונטאנד.

התאוצה מאחורי Penpot מונעת מכמה גורמים מרכזיים:

• החיפוש אחר חלופות: הריכוזיות בשוק כלי העיצוב, ובמיוחד הרכישה המוצעת של Figma על ידי Adobe, הציתה חיפוש נרחב אחר חלופות בנות קיימא ועצמאיות. מפתחים וארגונים החלו לחשוש מהסתמכות יתר על אקוסיסטם קנייני יחיד.
• עליית הריבונות הדיגיטלית: חברות, ממשלות ומוסדות חינוך דורשים יותר ויותר שליטה על הנתונים והכלים שלהם. יכולות האירוח העצמי של Penpot מציעות פתרון רב עוצמה לפרטיות ואבטחת נתונים.
• גישה ממוקדת-מפתחים: Penpot נבנה מתוך מחשבה על תהליך המסירה למפתחים. על ידי אימוץ תקני אינטרנט כמו SVG, Flex Layout ו-CSS Grid ישירות בתוך כלי העיצוב, הוא מפחית באופן דרמטי את החיכוכים וטעויות התרגום המאפיינים זרימות עבודה מסורתיות.
• קהילה משגשגת: כפרויקט קוד פתוח, Penpot נבנה באופן פתוח, עם תרומות ומשוב מקהילה גלובלית של מעצבים ומפתחים. מפת הדרכים שלו שקופה, והתפתחותו מושפעת ישירות ממשתמשיו.

היתרון של קוד פתוח: יותר מסתם "חינם"

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

שליטה ובעלות: הנתונים שלכם, החוקים שלכם

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

יתר על כן, הדבר מבטל את הסיכון של נעילת ספק (vendor lock-in). נכסי העיצוב שלכם מאוחסנים בפורמט פתוח (SVG), והכלי עצמו אינו יכול להפסיק לפעול בפתאומיות או לשנות את תנאי השירות שלו באופן שיפגע בעסק שלכם. אתם הבעלים של הפלטפורמה, לא רק שוכרים גישה אליה.

התאמה אישית והרחבה

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

חדשנות מונעת-קהילה

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

תכונות ליבה: סיור מודרך ב-Penpot

Penpot היא פלטפורמה עשירה בתכונות העומדת שכם אל שכם עם מקבילותיה הקנייניות. בואו נפרט את יכולותיה המרכזיות.

קנבס העיצוב: היכן שרעיונות מקבלים צורה

ליבת Penpot היא קנבס העיצוב הווקטורי האינטואיטיבי והעוצמתי שלו. הוא מספק כל מה שמעצב UI/UX צריך כדי ליצור ממשקים מורכבים.

• עריכה וקטורית: צרו ותפעלו צורות בדיוק רב באמצעות מסלולים, נקודות עוגן, פעולות בוליאניות (איחוד, חיסור, חיתוך, הפרש), ואפשרויות עיצוב מתקדמות כמו מילויים מרובים, קווי מתאר וצלליות.
• טיפוגרפיה מתוחכמת: Penpot מציע שליטה נרחבת על טקסט, כולל גישה ל-Google Fonts, העלאת פונטים מותאמים אישית, ושליטה מדויקת על מאפיינים כמו גודל, משקל, גובה שורה, ריווח אותיות ויישור.
• פריסה שמדברת CSS: זהו כוח העל של Penpot עבור צוותי פרונטאנד. הוא כולל תמיכה מדרגה ראשונה ב-Flex Layout וב-CSS Grid הקרוב. מעצבים יכולים ליצור פריסות רספונסיביות באמצעות מאפייני יישור, פיזור וגלישה הממופים ישירות למקביליהם ב-CSS. זו אינה הדמיה; זהו יישום ישיר של לוגיקת מודל הקופסה של CSS.

בניית אבות טיפוס ואינטראקציה: להפיח חיים בעיצובים

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

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

שיתוף פעולה בזמן אמת: עיצוב כספורט קבוצתי

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

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

מערכות עיצוב ורכיבים: מקור האמת היחיד

לכל צוות העובד על מוצר בקנה מידה גדול, מערכת עיצוב חזקה היא חיונית. Penpot מספק את הכלים לבנות, לנהל ולהפיץ אחת כזו ביעילות.

• רכיבים לשימוש חוזר: הפכו כל קבוצת אלמנטים לרכיב ראשי (main component). לאחר מכן תוכלו ליצור מופעים (instances) של רכיב זה ברחבי העיצובים שלכם. כל שינוי שנעשה ברכיב הראשי יתפשט אוטומטית לכל מופעיו, ויחסוך שעות אינספור של עבודה חזרתית.
• סגנונות משותפים: הגדירו ותנו שם לפלטות הצבעים, לסולמות הטיפוגרפיה ולסגנונות האפקטים (כמו צלליות) שלכם. החילו סגנונות אלה ברחבי העיצובים שלכם. אם תצטרכו לעדכן צבע מותג, תצטרכו לשנות אותו רק במקום אחד, והוא יתעדכן בכל מקום שבו נעשה בו שימוש.
• נכסים ריכוזיים: השתמשו בספריות משותפות כדי לשמש כמקור האמת היחיד למערכת העיצוב שלכם. כל חבר צוות יכול למשוך רכיבים וסגנונות מהספרייה, ובכך להבטיח שכולם בונים עם אותן אבני בניין מאושרות.

זרימת העבודה Penpot-פרונטאנד: נקודת מבט של מפתח

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

מעיצוב לקוד: תרגום ללא אובדן

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

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

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

מינוף Flex Layout: דוגמה מעשית

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

1. בכלי מסורתי: המעצב עשוי פשוט למקם את האלמנטים באופן חזותי. המפתח אז צריך לנחש את הפריסה המיועדת. האם זה flexbox? האם זה float? מהו הריווח?
2. ב-Penpot: המעצב בוחר את הכרטיס, מחיל Flex Layout, מגדיר את הכיוון ל-row, ומגדיר את align-items ל-center.

כאשר המפתח נכנס ל-Inspect Mode ולוחץ על אותו כרטיס, הוא יראה את קטע ה-CSS הבא:

display: flex;
flex-direction: row;
align-items: center;
gap: 16px;

זהו תרגום 1:1, חד-משמעי, של כוונת העיצוב. אין ניחושים. שפה משותפת זו בין כלי העיצוב לדפדפן היא מהפכה בפריון ובדיוק. עם תמיכת CSS Grid באופק, Penpot מחזק את מעמדו ככלי העיצוב המיושר-קוד ביותר בשוק.

ייצוא נכסים נקי וסמנטי

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

Penpot מול המתחרים: ניתוח השוואתי

איך Penpot עומד מול השחקנים המבוססים? בואו נערוך השוואה הוגנת.

Penpot מול Figma

• פילוסופיה: זהו ההבדל הגדול ביותר. Penpot הוא קוד פתוח ומונע-קהילה, בנוי על תקנים פתוחים. Figma הוא מוצר קנייני בקוד סגור.
• אירוח ונתונים: Penpot מציע גם גרסת ענן וגם אפשרות לאירוח עצמי, מה שמעניק לצוותים שליטה מלאה בנתונים. Figma הוא מבוסס ענן בלבד.
• תכונות ליבה: לשני הכלים יש שיתוף פעולה מצוין בזמן אמת, מערכות עיצוב מבוססות רכיבים ויכולות בניית אבות טיפוס. ל-Figma יש כיום מערך תכונות בוגר יותר בתחומים מסוימים, כמו אנימציה מתקדמת ואקוסיסטם תוספים גדול יותר. עם זאת, Penpot סוגר את הפער במהירות.
• מסירה למפתחים: לשניהם יש מצבי בדיקה, אך פורמט ה-SVG המקורי של Penpot והיישום הישיר שלו של מודלי פריסת CSS (Flexbox/Grid) מספקים תרגום ישיר ופחות מופשט לקוד.
• תמחור: גרסת האירוח העצמי של Penpot היא חינמית, ולגרסת הענן שלו יש שכבה חינמית נדיבה, עם תוכניות בתשלום לצוותים גדולים יותר. Figma הוא בעיקר שירות מבוסס מנוי, שיכול להפוך ליקר בקנה מידה גדול.

Penpot מול Sketch / Adobe XD

• פלטפורמה: Penpot הוא כלי מבוסס-אינטרנט הנגיש מכל דפדפן מודרני בכל מערכת הפעלה (Windows, macOS, Linux). Sketch, כידוע, מיועד ל-macOS בלבד, מה שמוציא מיד חלק גדול מקהילת הפיתוח העולמית. Adobe XD הוא רב-פלטפורמי אך הוא יישום שולחני בעיקרו.
• שיתוף פעולה: שיתוף פעולה בזמן אמת הוא מובנה ויסודי ב-Penpot. בעוד ש-Sketch ו-XD הוסיפו תכונות שיתופיות, הם לא נבנו סביב רעיון זה מלכתחילה, והחוויה יכולה לעיתים להרגיש פחות חלקה.
• פתיחות: כמו Figma, גם Sketch וגם Adobe XD הם מוצרים בקוד סגור עם פורמטי קבצים קנייניים, היוצרים את אותם סיכונים של נעילת ספק וחוסר שליטה בנתונים. אופיו של Penpot כקוד פתוח ופורמט ה-SVG שלו הם יתרונות ברורים כאן.

איך להתחיל עם Penpot: מדריך מעשי

אחד הדברים הטובים ביותר ב-Penpot הוא כמה קל להתחיל. אתם יכולים להתחיל לעצב בתוך דקות.

שימוש בגרסת הענן

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

1. גשו לאתר האינטרנט של Penpot.
2. הירשמו לחשבון חינמי.
3. זהו זה! תועברו ללוח הבקרה שלכם, שם תוכלו ליצור פרויקטים חדשים ולהתחיל לעצב מיד. השכבה החינמית מאוד יכולתית ומתאימה למקרים רבים של שימוש מקצועי.

אירוח עצמי של Penpot לשליטה מרבית

עבור ארגונים, סוכנויות וצוותים המודעים לאבטחה, אירוח עצמי הוא הנתיב המומלץ. השיטה הנפוצה והנתמכת ביותר היא שימוש ב-Docker.

בעוד שהפרטים יכולים להשתנות בהתבסס על התשתית שלכם, התהליך הכללי פשוט:

1. דרישות קדם: תצטרכו שרת (מומלץ לינוקס) עם Docker ו-Docker Compose מותקנים.
2. הורדת תצורה: Penpot מספק קובץ `docker-compose.yaml` המגדיר את כל השירותים הדרושים (ה-backend של Penpot, ה-frontend, ה-exporter וכו').
3. הגדרת תצורה: ייתכן שתצטרכו לערוך כמה משתני סביבה בקובץ התצורה כדי להתאים לדומיין ולהגדרות ה-SMTP שלכם (להתראות אימייל).
4. הפעלה: הריצו פקודה אחת (`docker-compose -p penpot -f docker-compose.yaml up -d`), ו-Docker ימשוך את האימג'ים הנדרשים ויתחיל את כל הקונטיינרים.

בתוך דקות, תהיה לכם מופע פרטי משלכם של Penpot פועל. להוראות מפורטות ועדכניות, תמיד עיינו בתיעוד הרשמי של Penpot.

הפרויקט הראשון שלכם: מדריך קצר

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

1. יצירת פרויקט: מלוח הבקרה שלכם, צרו קובץ חדש. הוסיפו ארטבורד לקנבס על ידי בחירת כלי הארטבורד וציור מלבן.
2. עיצוב כרטיס: ציירו מלבן לרקע הכרטיס. בתוכו, הוסיפו מלבן נוסף כממלא מקום לתמונה, שכבת טקסט לכותרת, ועוד אחת לתיאור.
3. החלת Flex Layout: בחרו את מלבן הכרטיס הראשי. בחלונית העיצוב הימנית, לחצו על ה-'+' ליד 'Layout' ובחרו 'Flex'. האלמנטים שלכם יסודרו כעת לפי מאפייני flex. שנו את ה-`direction` ל-`column` והגדירו `gap` של 12px כדי להוסיף רווח בין האלמנטים.
4. יצירת רכיב: בחרו את כל הכרטיס, לחצו קליק ימני ובחרו 'Create Component'. הכרטיס שלכם הוא כעת רכיב לשימוש חוזר.
5. בדיקת הקוד: עברו ל-'View Mode' (או שתפו קישור עם מפתח). בחרו את הכרטיס. החלונית הימנית תציג כעת את לשונית ה-'Code', המציגה את ה-CSS המדויק, כולל `display: flex;`, הדרוש לבניית רכיב זה.

העתיד של Penpot ועיצוב בקוד פתוח

Penpot הוא לא רק יישום; זו פלטפורמה וקהילה. עתידו מזהיר וקשור למגמה הרחבה יותר של תקנים פתוחים וריבונות דיגיטלית. אנו יכולים לצפות לראות חדשנות מתמשכת בתחומי מפתח:

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

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

סיכום: האם Penpot מתאים לצוות שלכם?

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

כדאי לכם לשקול ברצינות את Penpot אם הצוות שלכם:

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

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