Google Stitch

הסקירה

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

זה עובד ישירות בדפדפן.

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

איך עובד הייצוא החוצה

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

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

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

הכלי פתוח מעל גיל שמונה עשרה.

כמה זה עולה, ומגבלות השימוש

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

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

האיפוס קורה בחצות UTC.

• מחיר שימושחינם כרגע
• מגבלת שימושמכסה יומית מתאפסת
• שפת ממשקאנגלית בלבד