בונים מוצרים עם Lovable? אל תפספסו את רשימת הטיפים הזו -
פורסם במקור ב LinkedIn
בונים מוצרים עם Lovable? אל תפספסו את רשימת הטיפים הזו -
היא מבוססת על תובנות של אחד המוחות החדים בחברה ששיתף אותם עם העולם
ריכזתי לכם את כל מה שצריך לדעת כדי לעצב נכון, לחשוב מדויק, ולגרום ל-AI להבין באמת מה אתם רוצים:
🎯 1. תתחילו בכוונה – לא בפיצ'ר
✖️ “תבנה לי עמוד נחיתה” (לא טוב)
✔️ “תיצור עמוד נחיתה קולנועי למותג יוקרתי עם סיפור ויזואלי ועיצוב ברמה גבוהה” (מעולה)
🧠 2. תתארו את התחושה שאתם רוצים, לא רק את מה לבנות
✖️ “תוסיף כפתור” (לא מספיק טוב)
✔️ “תוסיף כפתור שנראה אמין, בצבע רגוע, עם אפקט לחיצה עדין שנותן ביטחון” (מעולה)
💬 3. תשתמשו במילים שמעבירות רגש, כמו:
עדין
נועז
מלא ביטחון
שמח
למשל: סגנון קריא, קלאסי, עם היררכיה ברורה כמו מגזין איכות
📚 4. תתייחסו לעיצובים קיימים שעובדים טוב (אין צורך להמציא את הגלגל):
🟢 “עצב את זה כמו גריד המחירים של Apple”
🟢 “תשתמש בפריסת ניווט כמו Notion”
🔧 5. לפני שאתם מבקשים לבנות מסכים, תגדירו את סגנון המערכת, כלומר:
מהם סוגי הפונטים
אילו צבעים מובילים
איך הפריסה בנויה
רק אחרי זה תתחילו לפרט על המסכים עצמם.
ככה Lovable בונה בצורה אחידה וחכמה.
✍️ 6. תכתבו כמו שהייתם מסבירים למתמחה הכי מוכשר שלכם:
בשפה ברורה, מדויקת, עם מקום לפרשנות יצירתית מצידו.
🧼 7. אם הפרומפט שכתבתם לא מרגיש מדויק, תמחקו ותכתבו מחדש -
אל תבזבזו זמן על לתקן משהו שבנוי לא טוב מהיסוד.
אפשר גם להעזר בכלים אחרים (כמו צ׳אט ג׳יפיטי) כדי לנסח טוב יותר את הפרומפט.
📸 8. תמונה אחת שווה אלף פרומפטים
צלמו, סמנו, תוסיפו שורה של הסבר - זה הרבה יותר מדויק מלנסח טקסט כללי.
כן, אפשר להעלות צילומי מסך והוא ידע לנתח אותם.
🪄 9. פרומפט לשדרוג פריסה בקלות:
“השאר את התוכן כמו שהוא, שפר את הריווח, ההיררכיה הוויזואלית ואת התחושה הכללית של יוקרה”
דרך נוספת וקצרה יותר - ״עכשיו עשה את זה x10 יותר טוב״
♻️ 10. לפעמים עדיף להתחיל מחדש מאשר לשפר משהו שבור
כפתור ה-Revert הוא חבר טוב, תשתמשו בו.
📦 11. תשלבו קומפוננטות טובות מבחוץ:
ספריות כמו Aceternity, 21st.dev ו-HyperUI
פשוט להעתיק, להדביק ולהתאים.
אפשר גם לבקש ממנו להוסיף אותם.
🎞️ 12. תנועה קטנה באתר יוצרת חוויית ״פרימיום״ באתר
פרומפט לדוגמה:
“הוסף אנימציית fade-in בגלילה, והנפשת hover רכה לכפתורים”
🖱️ 13. עריכה ויזואלית = חיסכון בזמן
סמנו אלמנט -> תכתבו מה שצריך לשפר -> תקבלו תוצאה מדויקת
📱 14. רוצים רספונסיביות? בקלות! זה כל מה שצריך לכתוב:
“התאם את העמוד לנייד בצורה זורמת ואלגנטית”
ואל תשכחו לבדוק איך זה נראה באמת בנייד.
🚀 15. לפני שאתם מפרסמים - עברו על מה שיצרתם ובדקו:
יש כותרת ותיאור?
יש favicon ותמונה כשמשתפים את הקישור?
חיברתם לדומיין? (במידה וצריך)
יופי. אתם מוכנים. אפשר לעלות לאוויר.
וכן, האתר שאתם רואים נוצר באמצעות Lovable (+וידאו מ-Midjourney)
בהצלחה!