חזרה
    מדריכים מעשיים
    כלי AI
    עיצוב

    המדריך המלא ל-Claude Design: מעצבים דפי נחיתה, דשבורדים ופוסטרים בעברית - צעד אחר צעד

    רועי טל
    פורסם: 2.7.2026
    18 דקות קריאה
    המדריך המלא ל-Claude Design: מעצבים דפי נחיתה, דשבורדים ופוסטרים בעברית - צעד אחר צעד
    מדריך מעשי Claude Design Anthropic
    המדריך המלא ל-Claude Design

    מאת רועי טל · 2 ביולי 2026 · 18 דקות קריאה

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

    בקצרה: Claude Design (בבטא, הושק באפריל 2026) הופך תיאור בשפה חופשית לעיצוב חי: אתם כותבים פרומפט, קלוד שואל שאלות הבהרה בעברית עם כפתורים, ואז בונה מול העיניים דף שלם שאפשר ללחוץ בו, למלא טפסים ולהחליף תמונות. הכלי כלול בכל התוכניות בתשלום של Claude, רץ על Opus 4.8, ומייצא ל-PDF, PowerPoint, HTML ואפילו ישירות לאתר חי ב-Vercel. והכי חשוב לקהל שלנו: עם פרומפט נכון - העברית וה-RTL יוצאים מושלמים.

    מה תלמדו במדריך הזה

    • להיכנס ל-Claude Design ולהכיר כל פינה בממשק - צ'אט, קנבס, תבניות וכלים
    • לכתוב פרומפט שנותן תוצאה טובה כבר מהניסיון הראשון (כולל מתכון להעתקה)
    • לבנות דף נחיתה, דשבורד ופוסטר - שלושתם בעברית מלאה ו-RTL תקין
    • לערוך בשלוש דרכים: פאנל Tweaks (חינם ומיידי), הוראות בצ'אט ועריכה ישירה על הקנבס
    • למלא תמונות אמיתיות בתוך העיצוב במקום placeholders
    • לייצא ולפרסם: PDF, PowerPoint, HTML עצמאי - או אתר חי ב-Vercel בקליק אחד

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

    פרק 1

    איך נכנסים ומה צריך

    הדרישות פשוטות: חשבון Claude באחת התוכניות בתשלום (Pro, Max, Team או Enterprise) ודפדפן. אין התקנה, אין תוספים, אין כרטיס אשראי נוסף - Claude Design כלול במנוי וצורך מהמכסה הרגילה שלכם.

    1

    נכנסים ל-claude.ai ומאתרים את Design בסרגל הצד

    בסרגל הצד השמאלי של claude.ai, מתחת לקטגוריית Products, מחכה הכפתור Design (ממש מתחת ל-Code). אפשר גם לנווט ישירות לכתובת claude.ai/design. שימו לב לתווית ה-Beta - הכלי צעיר ומשתפר כל הזמן.

    המסך הראשי של claude.ai עם סימון כתום על כפתור Design בסרגל הצד
    הכניסה ל-Claude Design: הסימון הכתום מראה את הכפתור בקטגוריית Products בסרגל הצד. הפסים הצבעוניים מסתירים שיחות פרטיות שלי.
    2

    מכירים את מסך הבית של Design

    מסך הבית שואל "What will you design today?" ומציע שלוש נקודות התחלה: תיבת פרומפט חופשית, חמש תבניות מוכנות, או פרויקט ריק. למטה מחכה רשימת הפרויקטים שלכם.

    מסך הבית של Claude Design עם סימוני מספרים על תיבת הפרומפט, התבניות ובורר המודל
    מסך הבית: (1) תיבת הפרומפט - מכאן מתחילים, (2) חמש התבניות המוכנות, (3) בורר המודל - Claude Opus 4.8. השמות המוסתרים הם פרויקטים פרטיים שלי.

    חמש התבניות, בקצרה:

    • Prototype - אב-טיפוס אינטראקטיבי של אפליקציה או אתר, עם מסכים שאפשר ללחוץ בהם
    • Slides - מצגות שלמות, כולל ייצוא עריך ל-PowerPoint
    • Document - מסמכים מעוצבים: one-pagerים, הצעות מחיר, דוחות
    • Wireframe - שלדי מסכים מהירים לתכנון, לפני שמתחייבים לעיצוב
    • Animation - אנימציות (למשל חשיפת לוגו) שאפשר לייצא כווידאו mp4

    שימו לב למכסה - Opus 4.8 הוא מודל רעב

    Claude Design רץ על Opus 4.8, המודל הכבד ביותר, וסשן עיצוב מלא שורף לא מעט מהמכסה - דיווחים בקהילה מדברים על שני סשנים גדולים שאוכלים יותר מחצי מכסה שבועית של Pro. העצה שלי: תכננו פרומפט עשיר אחד במקום עשרה קטנים, והשתמשו בפאנל ה-Tweaks לשינויים קטנים - הוא לא עולה טוקנים בכלל (פרק 5).

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

    פרק 2

    סיור בממשק: צ'אט, קנבס וכלים

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

    סביבת העבודה של Claude Design בזמן בנייה: פאנל צ'אט משמאל וקנבס עם דף נבנה מימין
    סביבת העבודה באמצע בנייה: (1) פאנל הצ'אט עם רשימת המשימות של קלוד, (2) הקנבס שבו הדף מצטייר בזמן אמת, והמסגרת הכתומה על סרגל הכלים העליון.

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

    • ·בורר הקבצים / Pages - מעבר בין עמודי הפרויקט וניהולם
    • ·Mark up - שרטוט חופשי על הקנבס כדי להראות לקלוד למה אתם מתכוונים
    • ·Comments - הערות ממוקדות על העיצוב (פרק 5)
    • ·Edit - מצב עריכה ישירה עם Inspector מלא (פרק 5)
    • ·Tweaks - סליידרים ובוררים מיידיים שלא עולים טוקנים (פרק 5)
    • ·זום, Present ו-Share - תצוגה מקדימה במסך מלא, שיתוף וייצוא (פרק 8)

    עמודים: פרויקט אחד, כמה מסכים

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

    תפריט Pages פתוח עם אפשרויות יצירת עמוד חדש ושכפול
    תפריט העמודים: New blank page, שכפול ושינוי שם. שכפול עמוד הוא הדרך הפשוטה לשמור נקודת חזרה לפני ניסוי מסוכן.

    Design Systems: עקביות מותגית אוטומטית

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

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

    וגרסאות? אין (עדיין) פאנל היסטוריה ייעודי בבטא. מה שיש: כפתור Undo על כל תור בצ'אט ("Undo this turn's file changes") ושכפול עמודים. בפועל - זה מספיק לעבודה יומיומית.

    פרק 3

    דוגמה 1: דף נחיתה לעסק ישראלי - מהפרומפט ועד טופס שעובד

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

    1

    כותבים פרומפט עשיר - זו ההשקעה שמחזירה את עצמה

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

    הפרומפט - העתיקו והתאימו לעסק שלכם:

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

    הפרומפט העברי המלא מוקלד בתיבת הפרומפט של Claude Design
    הפרומפט המלא בתיבה, רגע לפני Enter. שימו לב: עסק + קהל + מקטעים + סגנון + דרישת עברית מפורשת.
    2

    ההפתעה הראשונה: קלוד שואל שאלות - בעברית ועם כפתורים

    אחרי שליחה, Claude Design פותח פרויקט חדש (עם שם אוטומטי בעברית!) - ואז, במקום להתחיל לנחש, הוא בונה על הקנבס שאלון הבהרה אינטראקטיבי שלם בעברית: כמה גרסאות תרצו, תוכן אמיתי או מומצא, תמונות עכשיו או placeholders, מה יקרה כשלוחצים על שליחה בטופס, אילו מקטעים להוסיף, ואיזה טון קופי. לכל שאלה כפתורי בחירה, אפשרות "Decide for me", ושדה חופשי.

    הפרויקט נפתח וקלוד מכין שאלות הבהרה
    הפרויקט נוצר: (1) הצ'אט עם הפרומפט שלנו, (2) הקנבס שעליו מופיעה השורה המסומנת - "Claude has some questions".
    השאלון האינטראקטיבי בעברית עם כפתורי בחירה וכפתור Continue
    השאלון בעברית מלאה: החץ מצביע על תשובה שנבחרה, והמסגרת הכתומה על Continue ששולח את כל התשובות בבת אחת.

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

    3

    קלוד בונה - ובודק את עצמו

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

    4

    התוצאה: דף נחיתה שלם, בעברית, עם הכל

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

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

    זה לא צילום של דף - זה דף חי

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

    הודעת התודה שמופיעה אחרי שליחת הטופס בדף שנבנה
    הטופס באמת עובד: ההודעה "תודה, דנה!" הופיעה על המסך אחרי שליחה. במסגרת - כרטיס האישור שהחליף את הטופס.
    6

    ממלאים תמונות אמיתיות

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

    דף הקונדיטוריה אחרי העלאת תמונת עוגה אמיתית לסלוט התמונה הראשי
    החץ מצביע על תמונת העוגה שהעלינו; ה-badge מסמן את סלוט הקינוח העגול שעדיין מחכה לתמונה משלו.

    טיפ: אין יצירת תמונות בתוך Claude Design. תכינו את התמונות מראש - צילומים אמיתיים של העסק, או תמונות ממחולל חיצוני (Gemini, Midjourney, Higgsfield) - ופשוט גררו אותן לסלוטים.

    פרק 4

    עברית ו-RTL: מה גיליתי באמת

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

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

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

    שלושת כללי הזהב לעברית ב-Claude Design

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

    ואם בכל זאת יצא LTR?

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

    פרק 5

    ארגז כלי העריכה: Tweaks, תגובות ועריכה ישירה

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

    Tweaks: הפיצ'ר שהכי קל להתאהב בו

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

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

    Comments: פידבק כמו עם מעצב אמיתי

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

    פאנל התגובות עם הערה בעברית בתיבת הכתיבה
    מצב Comments פעיל (מסומן בסרגל): פאנל התגובות מחליף את הצ'אט, וההערה בעברית מוכנה לשליחה בתיבה המסומנת.

    מצב Edit: פתאום זה פיגמה

    כפתור Edit פותח את הצד המקצועי של הכלי: טאבים Simple / Pro / Code / Tweaks, עץ אלמנטים, וסרגל ציור שלם - טקסט, מלבנים, עיגולים, חצים וציור חופשי. השרטוט על הקנבס הוא דרך מעולה "להצביע" לקלוד על אזור: מקיפים בעיגול, כותבים בצ'אט "תתקן את מה שסימנתי" - והוא מבין.

    מצב עריכה פתוח עם טאבים, עץ אלמנטים וסרגל כלי ציור
    מצב Edit: המסגרת העליונה על טאבי Simple/Pro/Code/Tweaks, והתחתונה על סרגל הציור. "Repeated elements are edited together" - אלמנטים שחוזרים נערכים יחד.

    והקסם האמיתי: לוחצים על כל אלמנט בדף - ונפתח Inspector מלא בסגנון פיגמה. לחצתי על הכותרת הראשית וקיבלתי שליטה בפונט (Varela Round), בגודל (58px), בצבע (עם בורר), בריווח, בשוליים ובכל מה שביניהם. עריכה כירורגית, בלי לערב את הצ'אט ובלי טוקנים.

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

    אז מתי משתמשים במה?

    הכלי מתי עולה טוקנים?
    Tweaksצבע מותג, הצגה/הסתרה של מקטעים, סליידרים שקלוד הכיןלא
    עריכה ישירה (Edit)תיקון נקודתי: פונט, גודל, צבע, ריווח של אלמנט מסויםלא
    Commentsפידבק ממוקד על רכיב, עבודה מול עמיתיםכשקלוד מגיב
    צ'אטשינויים מבניים: מקטע חדש, ארגון מחדש, שכתוב תוכןכן
    פרק 6

    דוגמה 2: דשבורד מכירות לקונדיטוריה

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

    פרומפט הדשבורד - כולל טריק הדילוג על השאלון:

    בנה דשבורד מכירות בעברית (RTL) לקונדיטוריה השכונתית "סוכר ועננים" מתל אביב. למעלה 4 כרטיסי KPI: הכנסות החודש, הזמנות, לקוחות חדשים, אחוז המרה. מתחת: גרף עמודות של מכירות לפי חודש (6 חודשים אחרונים), טבלת 5 ההזמנות האחרונות (לקוח, מוצר, סכום, סטטוס), ורשימת המוצרים הנמכרים ביותר (עוגות מעוצבות, קינוחים אישיים, מגשי אירוח). עיצוב נקי ומודרני בגווני ורוד-קרם שתואמים את המותג, מצב בהיר. אל תשאל שאלות הבהרה - החלט לבד על כל הפרטים והמצא נתוני דוגמה ריאליסטיים.

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

    פרומפט הדשבורד של הקונדיטוריה בתיבת הפרומפט של Claude Design
    פרומפט הדשבורד המלא בתיבה. מבנה מדויק (4 כרטיסים, גרף, טבלה) נותן לקלוד שלד ברור, וההנחיה "בגווני ורוד-קרם שתואמים את המותג" שומרת על ההמשכיות מדף הנחיתה.

    כמה דקות אחר כך - דשבורד שלם שממשיך בדיוק את שפת המותג של דף הנחיתה: ארבעה כרטיסי KPI עם מגמות (הכנסות החודש 84,320 ש"ח, 342 הזמנות, 58 לקוחות חדשים, 4.7% המרה), גרף עמודות של חצי שנה עם החודש הנוכחי מודגש, המוצרים הנמכרים ביותר - עוגות מעוצבות בראש, כמובן - עם פסי התקדמות וסכומים, וטבלת הזמנות אחרונות עם תגי סטטוס צבעוניים (עוגת יום הולדת מעוצבת, עוגת חתונה 3 קומות...). כל הנתונים - דוגמה ריאליסטית, כמו שביקשתי בפרומפט.

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

    איטרציה בצ'אט: משפט אחד, שינוי מדויק

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

    הודעת העריכה בצ'אט:

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

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

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

    פרק 7

    דוגמה 3: פוסטר שיווקי לאינסטגרם

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

    פרומפט הפוסטר:

    עצב פוסטר מרובע (1:1) לאינסטגרם למבצע חורף של בית קפה שכונתי: "2 קפה + מאפה ב-25 ש"ח, בימי ראשון עד חמישי עד 11:00". טיפוגרפיה עברית גדולה ובולטת, סגנון חם בגווני חום-קרם, אלמנטים גרפיים של קפה ומאפים, מקום לתמונה אחת. בלי שם מותג - רק טקסט המבצע. בלי שאלות הבהרה - החלט לבד על כל הפרטים.

    פרומפט הפוסטר בתיבת הפרומפט של Claude Design
    פרומפט הפוסטר: פורמט מוגדר (1:1), טקסט המבצע במדויק, והנחיה מה לא לכלול.

    התוצאה - פוסטר 1080x1080 עם כותרת ענקית "2 קפה + מאפה", תג "מבצע חורף", חותם מחיר "רק 25 שקלים" בזווית, מסגרת מקווקוית, עיטורי טבעות קפה ורצועת ימים ושעות. מגניב לראות שקלוד בדק את עצמו גם כאן - בצ'אט הופיע "No overflow - content fits the 1080 square". ובמרכז: עיגול תמונה שהגיע עם תמונת ברירת מחדל.

    פוסטר האינסטגרם המוכן עם כותרת עברית ענקית וחותם מחיר
    הפוסטר המוכן: טיפוגרפיה עברית בולטת (קלוד בחר את Suez One), חותם מחיר טרקוטה, ותמונת ברירת מחדל בעיגול המרכזי.

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

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

    ייצוא, שיתוף ופרסום: מהקנבס לעולם

    כפתור Share בפינת סרגל הכלים פותח דיאלוג עם שלושה טאבים - שיתוף, ייצוא ושליחה לשירותים חיצוניים. נעבור על שלושתם.

    דיאלוג השיתוף עם שלושה טאבים ובורר הרשאות גישה
    דיאלוג Share: (1) קישור שיתוף עם בקרת גישה - לכם בלבד או לכל ה-workspace, (2) טאב הייצוא, (3) טאב Send to לשירותים חיצוניים.

    ייצוא: חמישה פורמטים לכל תרחיש

    טאב הייצוא עם כרטיסי הפורמטים: PDF, וידאו, PowerPoint, ZIP ו-HTML
    טאב Export: חמשת הפורמטים במסגרת, וה-badge על כפתור ההורדה.
    • ·PDF - להצעות מחיר, מסמכים והדפסה (מצב Instant מומלץ)
    • ·Video .mp4 - מייצא אנימציות כווידאו של עד 5 דקות
    • ·PowerPoint .pptx - שקפים עריכים ל-PowerPoint ו-Keynote
    • ·Project archive .zip - כל קבצי הפרויקט, מוכנים להעלאה לכל אחסון אתרים
    • ·Standalone HTML - קובץ אחד עצמאי שעובד גם בלי אינטרנט - מצוין לשליחת דמו ללקוח

    Send to: מהעיצוב לאתר חי בקליק

    הטאב השלישי שולח את הפרויקט ישירות לשירותים מחוברים. אצלי מופיעים שלושה: Vercel (פריסה לאתר חי עם כתובת אמיתית - בקליק אחד), Canva (המשך עריכה גרפית) ו-Claude Code (העברת העיצוב לפיתוח אמיתי - הדרך המומלצת של Anthropic להפוך עיצוב לקוד production).

    טאב Send to עם היעדים Claude Code, Canva ו-Vercel
    Send to: היעד המסומן הוא Vercel - לחיצה על Send מרימה את העיצוב כאתר חי. אפשר להוסיף יעדים נוספים דרך Add a destination.

    מה אין (בינתיים) - שתדעו לפני

    • אין ייצוא Figma - מי שחי בפיגמה יצטרך לעבור דרך Canva או כלים חיצוניים
    • אין ייצוא React ישיר - הדרך הרשמית: Send to Claude Code, שממשיך משם לפיתוח
    • אין יצירת תמונות מובנית - סלוטים חכמים כן, מחולל תמונות לא. מכינים תמונות בנפרד
    • אין פאנל היסטוריית גרסאות - יש Undo פר-תור ושכפול עמודים, וזה בדרך כלל מספיק
    פרק 9

    שש שיטות עבודה שיחסכו לכם שעות (ומכסה)

    1

    פרומפט עשיר אחד שווה יותר מעשרה תיקונים

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

    2

    עברית - במפורש, תמיד

    "הדף כולו בעברית" או "בעברית (RTL)" בסוף הפרומפט. שלוש מילים שהופכות תוצאה מקולקלת לתוצאה מושלמת (פרק 4).

    3

    Tweaks לפני צ'אט

    לפני שמבקשים מקלוד שינוי צבע בצ'אט (ושורפים טוקנים של Opus 4.8) - בדקו אם זה כבר קיים כ-Tweak. שינויי צבע, הצגת/הסתרת מקטעים וסליידרים - הכל שם, מיידי וחינם.

    4

    השאלון למתחילים, הדילוג למתקדמים

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

    5

    תמונות אמיתיות משנות הכל

    ההבדל בין דמו למשהו שנראה אמיתי הוא התמונות. הכינו מראש 2-3 תמונות טובות (צילומים שלכם או מחולל חיצוני) וגררו לסלוטים. שימו לב להתאמת אווירה - תמונה חמה לעיצוב חם.

    6

    שכתבו את הקופי לפני פרסום

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

    ולסיום - מתכון הפרומפט שתוכלו להתאים לכל פרויקט:

    מתכון הפרומפט - מלאו את הסוגריים:

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

    פרק 10

    שאלות נפוצות

    מה זה Claude Design ולמי זה מתאים?

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

    באילו תוכניות זה זמין וכמה זה עולה?

    Claude Design כלול בכל התוכניות בתשלום של Claude (Pro, Max, Team, Enterprise) בלי תשלום נוסף - אבל הוא צורך מהמכסה הרגילה, והוא רץ על Opus 4.8 הרעב. סשן עיצוב גדול יכול לאכול נתח משמעותי ממכסה שבועית של Pro, אז כדאי לעבוד עם פרומפטים מתוכננים ועם Tweaks.

    האם יש תמיכה בעברית ו-RTL?

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

    מה אפשר לייצא ואיך מפרסמים לאינטרנט?

    ייצוא ל-PDF, PowerPoint עריך, HTML עצמאי, ZIP של כל הפרויקט, ואנימציות כווידאו mp4. לפרסום מיידי: Send to Vercel מרים את העיצוב כאתר חי בקליק אחד, ואפשר גם לשלוח ל-Canva להמשך עריכה.

    אפשר לייצא ל-Figma או לקבל קוד React?

    לא ישירות. אין ייצוא Figma ואין ייצוא קומפוננטות React - הדרך הרשמית להמשיך לפיתוח היא Send to Claude Code, שמקבל את העיצוב וממשיך ממנו לקוד אמיתי. ל-HTML סטטי אפשר פשוט לייצא Standalone HTML או ZIP.

    הירשמו לעדכונים במייל

    רוצים להישאר צעד אחד קדימה?

    עדכונים על כלי AI, מדריכים וטיפים - ישר למייל. בלי ספאם.