חזרה למדריכים
מדריך חינמי

תעצב מסכים לאפליקציה שלך בלי מעצב ובלי כסף

  • 4 עמודים
  • PDF
  • בעברית
  • חינם

לאן לשלוח את המדריך?

המדריך יגיע למייל תוך דקה, עם לינק אישי.

הסכמות

על המדריך

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

נכתב על ידי עדי נהון, CTO ב-Ampersandעודכן:

מה תמצא במדריך

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

מה יש בפנים

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

למי זה מתאים

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

תאר מה המשתמש עושה, לא איך זה נראה

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

אם אתה רוצה להמשיך מהמסך לאפליקציה שעובדת, תתחיל מעמוד Claude Code בעברית.

לקבל את המדריך המלא