מדריך מהיר

Claude Design ב-30 דקות: מדריך מהיר לאיקומרס

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

Assaf Ichaki27 באפריל 20265 דקות קריאה

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

מה צריך כדי להתחיל

מנוי פעיל: Pro (20$/חודש), Max, Team או Enterprise.
גישה לכתובת claude.ai/design מהדפדפן.
אם המנוי הוא Team או Enterprise, שווה להיכנס ל-Settings ולהפעיל את ה-Anthropic Labs toggle. בלי זה האפשרות לא תופיע.
דפדפן Chrome או Safari עדכני. Firefox עובד אבל הקנבס מגיב יותר לאט.

שלב 1: בחירת פורמט

במסך הפתיחה יש שלושה כפתורים. הנה איך לבחור:

Prototype: דף נחיתה, רכיב UI, קריאייטיב לאדס. זה הברירת מחדל לרוב המקרים באיקומרס.
Slide deck: פיץ' למשקיעים, דק לספק, מצגת תוצאות חודשית.
From template: התחלה מתבנית מוכנה. שימושי כשאין כיוון מדויק ורוצים השראה.

שלב 2: כתיבת פרומפט פתיחה

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

תבנית באנגלית:

Build a landing page for [product].
Audience: [who buys it].
Goal: [signup / purchase / lead].
Think a mix of Allbirds and Notion: clean, generous whitespace, one bold accent color.
Include: hero with CTA, 3-feature grid, social proof row, FAQ, footer.

תבנית בעברית:

בנה דף נחיתה ל-[מוצר].
קהל: [מי קונה].
מטרה: [הרשמה / רכישה / ליד].
סגנון: שילוב של Allbirds ו-Notion, נקי, הרבה whitespace, צבע מבטא אחד.
כלול: hero עם CTA, גריד 3 פיצ'רים, שורת social proof, FAQ, פוטר.

3 טיפים שעובדים:

הפורמולה "Think a mix of X and Y" נותנת תוצאות חזקות יותר מאשר תיאור סגנון מופשט.
שווה לציין מטרה אחת, לא שלוש. דף עם CTA אחד מוביל יותר טוב מדף עם ארבעה.
אנגלית עדיין נותנת רכיבים יותר מדויקים מעברית, גם אם הקהל הסופי הוא ישראלי. אפשר לכתוב פרומפט באנגלית ולבקש אחר כך "החלף את כל הטקסטים לעברית RTL".

שלב 3: עריכה של התוצאה

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

שינויים מבניים: בצ'אט. למשל "החלף את שורת ה-social proof לקרוסלה של 6 לוגואים".
שינוי פיקסל: ישירות על הקנבס. לוחצים על אלמנט, גוררים, משנים צבע, עורכים טקסט.
שמירת גרסה: כשהכיוון לא עובד, אפשר לכתוב "Save what we have, and try a different approach". זה שומר checkpoint ומתחיל ניסיון חדש בלי לאבד את הקודם.

Claude Design — סקרינשוט רשמי של Anthropic Labs מהממשק — הממשק של Claude Design (מקור: Anthropic Labs)

שלב 4: בדיקה לפני export

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

Check this design against WCAG 2.1 AA and fix contrast issues
Show me how this looks on mobile, tablet, and desktop. Fix any layout breaks
Generate 2 A/B variations of the hero with different headlines and CTA copy

שלב 5: export

PPTX: למצגות. עובד טוב, פותחים בקלות ב-PowerPoint או Keynote.
PDF: לשליחה ללקוח, לספק, להדפסה.
HTML standalone: זה הפורמט הכי שימושי לאיקומרס. קובץ אחד עם כל ה-CSS וה-JS, פותחים בדפדפן או מעלים לשרת.
Send to Canva: שולח את העיצוב ישירות ל-Canva כפרויקט עריכה — שימושי אם הצוות שלך עובד שם.

הסרטון הרשמי של Anthropic על השקת Claude Design

3 שימושים מהירים לאיש איקומרס

דף נחיתה לחגים: פרומפט אחד עם הקטגוריה, מבצע ותאריך. דף מוכן ב-15 דקות.
באנר הומפייג' למבצע: באנר ראשי לקטגוריה או מוצר עם כותרת, תמונת רקע ו-CTA — מוכן להעלאה ל-Shopify או Wix תוך כמה דקות.
קריאייטיב לאדס: וריאציות של banner, story ו-feed עם אותו מסר בפורמטים שונים.

Use case מלא: בונים דף מוצר מהפרומפט הראשון עד הקובץ המוכן

נגיד שאתה מוכר סניקרס בחנות אונליין, השקת דגם חדש בצבע "אבן" במחיר 349 ש"ח, ויש לך 3 תמונות מוצר. ככה זה נראה ב-Claude Design מ-0 עד דף מוכן ל-Shopify:

1. הפרומפט הראשון

צור דף מוצר לחנות אונליין בעברית, RTL. מוצר: סניקרס "אבן" במחיר 349 ש"ח. מעל הכפתור: כותרת + תיאור קצר + 3 תמונות מוצר ב-gallery. מתחת לכפתור: 3 trust signals (משלוח חינם מ-300, החזרה תוך 30 יום, 4.8 כוכבים מ-1,200 לקוחות), טבלת מידות, 3 ביקורות אמיתיות, FAQ של 4 שאלות. צבעים: שחור על לבן, accent כתום חם.

2. התוצאה הראשונה ועריכה ממוקדת

Claude יחזיר דף שלם תוך 15-30 שניות. רוב הסיכויים שהוא לא מושלם בפעם הראשונה. ככה לתקן בלי לכתוב הכל מחדש:

"תגדיל את התמונה הראשונה ב-30% ותעביר אותה ימינה."
"תוסיף badge אדום 'מבצע סוף עונה -15%' בפינה השמאלית-עליונה של תמונת המוצר."
"תכתוב מחדש את התיאור בקול יותר ישיר, שתי שורות, עם דגש על הסוליה האורתופדית."
"תהפוך את הכפתור ל-sticky במובייל."

3. בדיקת מובייל לפני export

בפינה הימנית-עליונה של ה-canvas יש toggle Desktop / Tablet / Mobile. תעבור על מובייל לפני שאתה מייצא — זה איפה שרוב הלקוחות שלך גולשים. תוודא שה-CTA נראה בלי לגלול, ושטבלת המידות לא נשברת.

4. Export והעלאה ל-Shopify

שתי דרכים:

הדרך המהירה: export ל-HTML standalone, פתיחה בדפדפן, screenshot של החלקים הרלוונטיים, ושימוש בהם כתמונות בתבנית הקיימת של Shopify (מתאים לבאנר, hero או אזור promo).
הדרך המלאה: העתקת ה-HTML וה-CSS מתוך הקובץ ל-section custom של תבנית Shopify (Sections → Custom HTML / Liquid). עובד הכי טוב ב-Online Store 2.0.

המעבר מפרומפט ראשון לדף מוצר חי ב-Shopify — בין 30 ל-60 דקות, כולל 2-3 סיבובי עריכה.

שאלות נפוצות

האם זה חינם?

לא. צריך מנוי Claude Pro שמתחיל ב-20$ לחודש (אפריל 2026). אין tier חינמי לכלי הזה.

האם זה עובד בעברית?

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

האם זה מחליף דיזיינר?

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

כמה זה אוכל טוקנים?

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

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

ניוזלטר שבועי

רעיון מעשי אחד במייל. פעם בשבוע.

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