Skip to main content
AI נמצא במרכז הדרך שבה אתה מעצב ב-Base44. תאר מה אתה רוצה בשפה טבעית, וה-AI מעדכן עבורך קוד, סגנונות וקומפוננטות. מצב Edit מאפשר לך לכוונן את מה שאתה רואה על המסך, ו-AI Controls עוזרים לך להגדיר גבולות. הדף הזה מכסה כל זרימת עבודה עם פרומפטים ודוגמאות שאפשר להשתמש בהם ישירות.
The app editor chat making a design change to an app

עיצוב האפליקציה שלך עם AI

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

​
איך עיצוב עובד

אינך צריך כלי עיצוב או ניסיון בעיצוב. העיצוב של האפליקציה שלך הוא חלק מהקוד שלה, וה-AI משנה את הקוד הזה עבורך: כל שינוי עיצוב הוא בקשה בשפה פשוטה, מ”תעשה את הכפתורים עגולים יותר” ועד “תעצב מחדש את כל הדף הזה”. יש שלוש דרכים לבצע שינוי עיצוב, ובחירת הדרך הנכונה חוסכת לך זמן: סדר טוב לעיצוב מחדש מלא:
  1. קבע קודם את המראה הכללי: צבעים וגופנים בפאנל ה-Theme.
  2. בקש מה-AI שינויים ברמת הדף, דף אחד בכל פעם.
  3. לטש אלמנטים בודדים במצב Edit.
שום דבר אינו סופי. אתה יכול ללחוץ על Revert בכל פרומפט כדי לבטל את השינוי, או לשחזר גרסה קודמת של האפליקציה שלך מהיסטוריית הגרסאות שלה, כך שתמיד בטוח להתנסות.

​
עיצוב בצ’אט

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

​
בחירת אפשרות עיצוב

כשאתה מבקש מה-AI לשנות את העיצוב או הפריסה של מקטע או אלמנט, הוא עשוי להציג אפשרויות ויזואליות לבחירתך במקום להחיל שינוי מיד. כל אפשרות מציגה תצוגה מקדימה כדי שתוכל לראות איך זה ייראה לפני שאתה מתחייב. אתה יכול גם ללחוץ על סמל Expand באפשרות כדי לצפות בה במצב מלא ולשפר אותה לפני הבחירה.
Design options in the chat, with the Expand icon shown on a mockup

בחירה מבין אפשרויות עיצוב של AI

תאר שינוי ממוקד, כמו רקע בהיר יותר, כדי להתאים רק את הפרטים האלה, או בקש כיוון שונה לגמרי כדי להחליף את האפשרות. כשזה נראה נכון, לחץ על Apply.
Expanded design option showing a mockup preview with a change request typed below it

שיפור אפשרות עיצוב בתצוגה המורחבת

​
חקירת כיווני עיצוב

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

​
שימוש במצב Edit

מצב Edit אידיאלי כשאתה רוצה להתאים את מה שאתה רואה בלי לכתוב הכל מחדש.
Visualedittoolbar

סרגל הכלים של מצב Edit

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

​
שימוש ב-AI Controls

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

​
שאלות נפוצות

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