קרוסלות ברמה גבוהה עם Claude Design

מה שצריך לדעת לפני שמתחילים

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

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

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

כל שקופית צריכה שלושה רכיבים: תווית זעירה (מילה או שתיים שאומרת איפה אנחנו ברצף), כותרת של שלוש עד חמש מילים (ענקית), ושורת המשך של עשר עד חמש עשרה מילים (קטנה בהרבה).

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

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

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

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

זה השלב שהיה חסר לגמרי בגרסה הראשונה, והוא זה שמשנה הכל. את התמונות מייצרים במחולל תמונות, לא ב-Claude Design.

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

החתימה בפינה

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

יש שתי דרכים להיפטר ממנו, ואחת מהן הרבה יותר נוחה.

לפני ההעלאה: חותכים שתים עשרה אחוז מתחתית כל תמונה ומותחים חזרה למידות. עובד תמיד, אבל זה שמונה קבצים ביד.

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

The background images have a small watermark in the bottom right corner.
On every slide, scale the background image to 115% and anchor it to the top
of the frame (object-fit: cover, object-position: top), so the bottom of the
source image is cropped out of view.
Keep everything else identical: same text, same positions, same scrim.
Then confirm the bottom right corner is clean on all 8 slides.

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

זה מבנה הפרומפט: בלוק סגנון אחד שנשאר זהה לכל התמונות, ושורת נושא אחת לכל שקופית:

STYLE BLOCK - paste once, keep identical for every image

Photorealistic 3D product render, studio lighting, 4:5 portrait, 1080x1350.
Materials: matte warm-black ceramic (#14110F), brushed bone-white stone
(#EFE8DD), and one glowing ember-orange glass element (#E06A1E).
Single key light from the upper left, deep soft shadows, sharp rim light.
Background: seamless warm near-black studio backdrop with a subtle vertical
gradient falloff and fine film grain. Shallow depth of field.
Composition: the subject occupies the upper 60% of the frame, centered
horizontally, with clean empty floor across the lower 40% for text.
Recurring motif: [one object that appears in most scenes].
No text and no logos. No sparkles, stars, glints or decorative particles.
Restrained and expensive. Not glossy, not neon, not sci-fi.

Then one subject line per slide, run separately.

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

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

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

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

עכשיו מעלים את התמונות לפי הסדר ונותנים לכלי להלביש עליהן טיפוגרפיה.

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

I'm attaching 8 background images, one per slide, in order.
Build an 8-slide carousel on top of them. Do not generate new imagery.

Canvas 1080 x 1350 px, identical on every slide. Side margins 96 px.
Nothing enters the top 100 px or the bottom 250 px.

Each image fills the slide. Over the lower 45% lay a vertical gradient scrim
from transparent to the background colour at 92%. Same scrim on every slide.

Hebrew, right-to-left, right-aligned. Place the copy verbatim, do not rewrite
or shorten it. Respect my line breaks exactly: each / marks a new line.

Kicker 26 px. Headline 96 px, heaviest weight, line height 1.0.
Support 40 px, regular weight, line height 1.5.
If the headline and the support ever look similar in size, it is wrong.

The accent colour appears exactly twice per slide: a short rule under the
kicker, and one single word inside the headline.

The text block sits at the identical position on every slide. Never centered.
No gradients other than the scrim. No drop shadows on text. No emoji, no icons.

Then the copy, slide by slide.

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

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

אחרי שהשמונה מוכנות, לא מבקשים "תעשה יותר יפה" - זה לא אומר כלום. מבקשים בדיקה נקודתית:

Consistency pass across all 8 slides. Check and fix:
- every headline baseline sits at the identical height
- the size gap between headline and support is dramatic, not subtle
- the accent appears exactly twice per slide, never three times
- no Hebrew line is left-aligned and no punctuation sits on the wrong side
- my line breaks were respected, no line was re-wrapped
- nothing enters the top 100 px or the bottom 250 px
- the progress indicator advances by exactly one step per slide
Report anything you changed.

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

בתפריט תמצאו בערך את אלה: PDF, PPTX, HTML, תיקייה, Canva.

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

מה לעשות ב-Canva, לפי הסדר

קודם כל תעברו על שמונת העמודים ותוודאו שהעברית לא זזה. זה הסיכון האמיתי בייבוא: אם הפונט העברי לא קיים ב-Canva, היא מחליפה אותו והטקסט מתפרק. שורות נשברות מחדש, פיסוק קופץ, מילים נדחסות.

אחר כך תוודאו שהגודל הוא 1080 על 1350 בכל שמונת העמודים. ואז Share, Download, סוג קובץ PNG, גודל 1x, דפים 1-8. אל תסמנו הגבלת גודל קובץ, אל תסמנו דחיסה, אל תסמנו רקע שקוף.

ואם העברית התפרקה בייבוא: אל תתקנו ידנית ב-Canva, זו עבודה של שעה ותשברו משהו אחר. תחזרו ל-Claude Design, תייצאו PDF, ותהפכו אותו לתמונות. אתם מוותרים על היכולת לערוך מילה, אבל מקבלים בדיוק את מה שראיתם על הקנבס.

מידות ואזורים בטוחים

עד עשרים שקופיות בפוסט אחד, בשני פורמטים אפשריים:

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

תקלות ופתרונות

כל השקופיות נראות אותו דבר ומשעממות.

נתתם משפט אחד לשקופית. מפצלים לתווית, כותרת ושורת המשך.

השורות נשברות במקום מוזר.

לא הוכתבו שבירות שורה. מסמנים אותן ידנית.

התמונות לא נראות כמו סדרה.

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

הטקסט לא נקרא על התמונה.

אין שכבת כהות מתחתיו.

הטקסט התחתון נחתך באינסטגרם.

נכנסתם לאזור הבטוח התחתון.

העברית יצאה הפוכה.

לא ביקשתם כיווניות מימין לשמאל במפורש.

יש סימן קטן בפינה של כל תמונה.

זו חתימת המחולל. חותכים שתים עשרה אחוז מהתחתית.

זה עדיין נראה מלאכותי.

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

ביקשתי ייצוא והוא התחיל לשאול אותי שאלות על קרוסלה חדשה.

ביקשתם בצ'אט במקום ללחוץ בתפריט. תפתחו את הקובץ ותשתמשו בתפריט הייצוא.

העברית התפרקה אחרי הייבוא ל-Canva.

הפונט הוחלף. תחזרו ותייצאו PDF במקום.

נגמרה לי המכסה באמצע.

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

רשימת בדיקה לפני העלאה

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

והדבר האחרון, והוא החשוב

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