גוגל סטיץ (Google Stitch): עיצוב אפליקציות ואתרים מתיאור במילים
גוגל סטיץ (Google Stitch) הוא כלי העיצוב של Google Labs שהופך תיאור במילים לעיצוב של אפליקציה או אתר. כותבים או אומרים בקול מה רוצים לבנות. הסוכן שלו מצייר את המסכים על קנבס, מחבר אותם לאב טיפוס שאפשר ללחוץ בו ומעביר אותם ל-Figma או לקוד. אפשר להתחיל בו בחינם עם חשבון Google.
- בריף במיליםמתארים את המטרה, את התחושה ואת התוכן.
- הסוכן מצייר על הקנבסהמסכים נבנים מול העיניים, אחד אחרי השני.
- תפרים, Play ויצואמחברים מסכים לאב טיפוס ומעבירים לקוד או ל-Figma.
המחשה של התהליך. המסכים האמיתיים בצילומים שבהמשך.
מה זה גוגל סטיץ?
Stitch (בעברית כותבים גם סטיץ' או סטיצ') עלה בכנס Google I/O במאי 2025 ככלי שמייצר מסכים וקוד חזיתי מפרומפט או מתמונה. מאז הוא השתנה הרבה: בדצמבר 2025 הוא עבר ל-Gemini 3 וקיבל אב טיפוס לחיץ, במרץ 2026 גוגל בנתה אותו מחדש סביב קנבס אינסופי וסוכן עיצוב. בכנס I/O במאי 2026 הסוכן התחיל לעבוד בזמן אמת: רואים את המסכים נבנים ואפשר לכוון אותו באמצע.
הקהל של Stitch הוא גם מעצבים שרוצים לנסות עשרות כיוונים מהר וגם בעלי עסק או יזמים שאין להם רקע בעיצוב ורוצים לראות את הרעיון שלהם כמסך. התוצאה היא עיצוב עם קוד HTML ו-CSS, לא אפליקציה עובדת עם שרת ומסד נתונים. בשביל זה מעבירים את המסכים לכלי פיתוח.
איך מתחילים עם Google Stitch
- נכנסים ל-stitch.withgoogle.com ומתחברים עם חשבון Google. לפי גוגל הכלי זמין למשתמשים בכל העולם.
- בוחרים למטה App לאפליקציה לנייד או Web לאתר.
- כותבים מה רוצים לבנות. בכפתור + מצרפים צילום מסך, סקיצה או תמונה להשראה. בכפתור המיקרופון אפשר לדבר במקום להקליד.
- בוחרים מודל בבורר (בסרטון של גוגל רואים 3 Flash) ושולחים.
- ממשיכים בשיחה: "תן לי שלוש גרסאות לתפריט", "תראה את המסך הזה בפלטות צבע אחרות". הסוכן רואה את הקנבס ואת המסך שנבחר.
איך כותבים פרומפט טוב לסטיץ
גוגל מפרסמת ל-Stitch מבנה פרומפט של שלוש שכבות. פרומפט שעונה על שלושתן נותן תוצאה הרבה יותר קרובה למה שרציתם בניסיון הראשון:
- מבנהאיך המסך בנוי: לוח בקרה מפוצל, רשת של כרטיסים, אילו מסכים יש באפליקציה.
- תחושהמילים שמתארות אווירה: חם ומזמין, נקי ומקצועי, משחקי. Stitch מתרגם אותן לצבעים ולגופנים.
- תוכןמה יופיע במסך בפועל: מוצרים ומחירים, רשימת דירות, נתוני מכירות.
הדוגמה הבאה בנויה על שלוש השכבות. היא כתובה באנגלית, כי בה הכלי מתועד ונבחן הכי הרבה. השורה האחרונה מבקשת שהממשק עצמו יהיה בעברית:
גוגל לא מתעדת תמיכה מיוחדת בממשקים מימין לשמאל. כשהממשק צריך להיות בעברית, כותבים את זה בפרומפט במפורש ובודקים בקוד שיוצא שהכיוון וסדר הרכיבים נכונים לפני שמעבירים אותו הלאה.
מה גוגל סטיץ יודע לעשות היום
חמישה מונחים חוזרים בכל עדכון של Stitch. מי שמכיר אותם יכול לדלג. השאר יכולים ללחוץ על כרטיס כדי להפוך אותו:
מעבר לזה אפשר לחלץ מערכת עיצוב מכל כתובת אתר: נותנים ל-Stitch קישור והוא מפיק ממנו צבעים, גופנים וכללים להמשך העבודה. וכשמדברים אליו, הסוכן גם מעיר על העיצוב ויכול לבנות דף נחיתה שלם מתוך ראיון קצר איתכם.
מסטיץ לקוד, ל-Figma ולסוכני קוד
כשהעיצוב מוכן, תפריט Export מציע שלוש דרכים להמשיך:
- Figma: המסכים עוברים לקובץ שאפשר לערוך ולשלב בספריית הרכיבים של הצוות.
- Google AI Studio: קישור לשיתוף, כדי להראות את העיצוב ללקוח או לשותף.
- Google Antigravity דרך MCP: המסכים נכנסים לסביבת פיתוח שבה מחברים להם צד שרת ולוגיקה. יש באתר מדריך מלא ל-Antigravity.
לפי ההכרזה ממאי 2026 אפשר גם לפרסם את העבודה ישירות לרשת דרך Netlify. ומי שעובד עם סוכן קוד אחר יכול לחבר אותו ל-Stitch דרך שרת ה-MCP. גוגל מפרסמת ספריית סקילים שעובדת עם Antigravity, Gemini CLI, Claude Code ו-Cursor. מי שלא מכיר את MCP ימצא באתר מדריך לחיבור כלים דרך MCP.
Stitch, Claude Design ו-Figma: מתי כל אחד
| כלי | במה הוא חזק | מתי לבחור בו |
|---|---|---|
| Google Stitch | הרבה מסכים וכיוונים מהר מתיאור, אב טיפוס לחיץ וייצוא לכלי הפיתוח של גוגל | בתחילת פרויקט, כשעוד מחפשים את הכיוון |
| Claude Design | ויזואלים, מצגות ומסכים בתוך שיחה עם Claude | כשכבר עובדים עם Claude ורוצים תוצר מעוצב בלי לעבור כלי |
| Figma | עיצוב מדויק, עבודת צוות וספריית רכיבים | לליטוש ולמסירה למפתחים |
על Claude Design יש באתר מדריך מלא.
מה חשוב לדעת לפני שמתחילים
Stitch הוא עדיין ניסוי של Google Labs. אין לו דף מחירים, המכסה משתנה מעת לעת והתכונות זזות מהר. את הקוד שיוצא ממנו כדאי להעביר למפתח, או לפחות לסוכן קוד, לפני שהוא עולה לאוויר: הוא נקודת פתיחה טובה ולא מוצר גמור.
שאלות נפוצות
מה זה גוגל סטיץ (Google Stitch)?
כלי עיצוב של Google Labs שהופך תיאור במילים, תמונה או סקיצה לעיצוב של אפליקציה או אתר, עם קוד HTML ו-CSS. העבודה נעשית על קנבס אינסופי עם סוכן עיצוב. אפשר לחבר את המסכים לאב טיפוס ולייצא אותם ל-Figma, ל-Google AI Studio או ל-Antigravity.
האם גוגל סטיץ חינם?
Stitch הוא ניסוי של Google Labs ונכנסים אליו עם חשבון Google בלי לשלם. אין לו דף מחירים והשימוש מוגבל במכסה שגוגל משנה מעת לעת.
איך מתחילים לעבוד עם Google Stitch?
נכנסים ל-stitch.withgoogle.com, מתחברים עם חשבון Google, בוחרים App או Web וכותבים מה רוצים לבנות. אפשר לצרף צילום מסך או סקיצה ואפשר גם לדבר במקום להקליד.
האם Stitch יודע לעצב בעברית?
גוגל לא מתעדת תמיכה מיוחדת בממשקים מימין לשמאל. כדי לקבל ממשק בעברית כותבים בפרומפט במפורש שכל הטקסט בעברית ושהכיוון מימין לשמאל. אחר כך בודקים את הקוד שיוצא לפני שמשתמשים בו.
איך מעבירים עיצוב מ-Stitch ל-Figma או לקוד?
בתפריט Export בוחרים Figma, Google AI Studio (קישור לשיתוף) או Google Antigravity דרך MCP. אפשר גם לפרסם ישירות לרשת דרך Netlify ולחבר סוכני קוד אחרים דרך שרת ה-MCP של Stitch.
מה ההבדל בין Stitch ל-Figma?
Stitch מייצר מסכים מתיאור ומהר מאוד. Figma הוא כלי לעיצוב מדויק ולעבודת צוות על ספריית רכיבים. הרבה מעצבים מתחילים כיוונים ב-Stitch ומעבירים את הנבחר ל-Figma לליטוש.
מה זה DESIGN.md ב-Stitch?
קובץ Markdown שמתאר את מערכת העיצוב: צבעים, גופנים ולמה כל אחד משמש. Stitch מייצא ומייבא אותו בין פרויקטים. גוגל פתחה את המפרט שלו כדי שסוכני קוד אחרים יוכלו לקרוא אותו.
המקורות הרשמיים
הירשמו לעדכונים במייל
רוצים להישאר צעד אחד קדימה?
עדכונים על כלי AI, מדריכים וטיפים - ישר למייל. בלי ספאם.