2 שלב הבסיס

הממשק של Claude Design — סיור מלא

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

מה יהיה לך בסוף הפרק הזה
מה תוכל/י לעשות אחרי הפרק הזה
לפני שמתחילים

פרקים קודמים: פרק 1 — "מה זה Claude Design ולמה זה משנה את הכל". ודא שיש לך גישה פעילה ל-Claude Design (Claude Pro, Max, Team או Enterprise) ושביצעת את ה-First Setup מפרק 1. אם עדיין לא — חזור ובצע את חלק ה-"התקנה ראשונה" מפרק 1 לפני שמתקדמים.

חשבונות וכלים: חשבון Claude פעיל עם גישה ל-Claude Design. מחשב עם דפדפן עדכני (Chrome, Firefox, Safari, Edge). מסך ברוחב 1200px לפחות — הממשק דחוס יותר על מסכים קטנים.

זמן משוער: 70-90 דקות לקריאה ותרגול. הפרק עתיר Do-Now — הפעל את Claude Design לידך ובצע כל תרגיל ברגע שאתה מגיע אליו.

הפרויקט שלך

בפרק 1 בנית מפת שימושים אישית — הבנת מה Claude Design יכול לעשות ומה רלוונטי לעסק שלך.

בפרק הזה אתה הופך מ"יודע עליו" ל"יודע לעבוד איתו" — תכיר כל פאנל, תגדיר Design System בסיסי לפרויקט שלך, ותיצור תוצר ראשון מ-Template.

בפרק 3 תכתוב Prompt מלא ותיצור One-Pager שלם לעסק שלך מאפס — עם כל הכלים שרכשת בפרק הזה.

מונחים שתפגוש/י בפרק הזה
מונח (English) תרגום / הסבר
Canvasקנבס — אזור העבודה הויזואלי המרכזי ב-Claude Design, שם העיצוב מוצג ונערך
Toolbarסרגל כלים — פאנל הכלים הצדדי שמכיל אפשרויות Typography, Colors, Layout ו-Components
Chat Panelפאנל שיחה — החלק של הממשק שבו מקלידים הוראות ל-Claude. פועל בשיחה רציפה עם זיכרון Context
Design System Panelפאנל מערכת עיצוב — שם מגדירים צבעים, פונטים ומרווחים גלובליים שחלים על כל הפרויקט
Version Historyהיסטוריית גרסאות — רישום של כל מצבי השמירה של הפרויקט, מאפשר לחזור לנקודת זמן קודמת
Direct Editing Modeמצב עריכה ישירה — עריכת אלמנטים בלחיצה ישירה על ה-Canvas, דומה לעבודה ב-Canva
Prompt Modeמצב Prompt — מתן הוראות ל-Claude בשפה טבעית שמשנות את העיצוב, כמו לשוחח עם מעצב אנושי
Responsive Previewתצוגה מקדימה רספונסיבית — בדיקת כיצד העיצוב נראה על מסכים בגדלים שונים
Exportייצוא — שמירת העיצוב בפורמט שמאפשר שימוש מחוץ ל-Claude Design
PPTXפורמט קובץ PowerPoint — סטנדרט תעשייתי למצגות, פועל ב-Microsoft PowerPoint וב-Google Slides
Sharing Linkקישור שיתוף — URL ייחודי שמאפשר לאחרים לצפות או לערוך את העיצוב שלך
Componentרכיב — אלמנט עיצובי מוכן לשימוש חוזר, כגון כפתור, כרטיס, header
Typographyטיפוגרפיה — כל מה שקשור לגופנים: בחירת פונט, גודל, עובי, גובה שורה, ריווח
Color Tokenטוקן צבע — שם מוגדר לצבע בתוך Design System, כמו "primary-blue" שמצביע על קוד HEX ספציפי
מתחיל 8 דקות בתשלום הקמה

איך נכנסים ל-Claude Design — הפעלה ראשונה

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

כניסה ראשונה ל-Claude Design
  1. פתח את claude.ai והתחבר לחשבון שלך (Pro / Max / Team / Enterprise)
  2. בסרגל הצד השמאלי, חפש את האייקון של Claude Design — נראה כמו ריבוע עם עט
  3. לחץ עליו. ייפתח ממשק חדש עם Canvas ריק
  4. אם לא רואה את האייקון — לחץ על כפתור "New Project" ובחר "Design Project" מהתפריט הנפתח
  5. אם עדיין לא רואה את האפשרות — ודא שתוכנית המנוי שלך כוללת Claude Design (Pro ומעלה)

בפעם הראשונה שנכנסים, Claude Design מציג Welcome Tour קצר של 3-4 מסכים. מומלץ לסיים אותו — הוא מראה את האלמנטים העיקריים בלי לגזול יותר מ-2 דקות. אם סגרת אותו לפני הסוף, אפשר להפעיל אותו מחדש מתפריט Help → Restart Tour.

מה אתם אמורים לראות על המסך:

בסרגל הצד השמאלי של claude.ai מופיעים מספר אייקונים אנכיים. אחד מהם — בצורת ריבוע עם עט או מברשת — הוא כניסה ל-Claude Design. מעליו בדרך כלל ייראה אייקון שיחה רגיל (Claude Chat) ומתחתיו אייקון Projects. כשמרחפים מעל האייקון, מופיעה Tooltip עם הכיתוב "Claude Design". לחיצה עליו פותחת את ממשק העיצוב בטאב חדש או בחלונית ייעודית — תלוי בהגדרות הדפדפן שלכם.

עשה עכשיו — כניסה ראשונה ופקודה ראשונה 3 דקות

פתח את claude.ai ועבור ל-Claude Design. צור פרויקט חדש ושמור לו שם: "Interface Tour — פרויקט לימוד". ברגע שתראה Canvas ריק ופאנל Chat מימין, כתוב בשדה ה-Chat: "שלום! בנה לי דף פשוט עם כותרת כחולה שכתוב עליה שלום עולם ועיגול כתום מתחתיה." לחץ Enter ורשום מה קרה: ___

שימו לב — ממשק רגיש לגרסה

Claude Design יצא באפריל 2026 ועדיין מתעדכן בתדירות. מיקום הכפתורים, שמות הפאנלים ואפשרויות התפריט שמתוארות בפרק הזה מבוססות על גרסת ה-Launch. אם פאנל אינו נמצא בדיוק במקום שציינו — חפש אותו תחת View בסרגל הניווט העליון, או הקלד את שמו בשדה ה-Chat: "איפה נמצא Design System Panel?"

מה לצפות ב-Session הראשון

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

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

מתחיל 10 דקות חינם מושג

ה-Canvas — אזור העבודה המרכזי

ה-Canvas (קנבס) הוא הלב של Claude Design. זה המסך הגדול שאתה רואה באמצע — שם כל העיצוב קורה. הוא שונה ממה שאולי הכרת בכלים אחרים:

נושא איך Canvas עובד ההבדל מ-Canva / Figma
גודל הדף מוגדר אוטומטית לפי סוג התוצר (A4 ל-PDF, 1920×1080 למצגת) ב-Canva בוחרים גודל לפני שמתחילים
ניווט גלילה עם גלגלת העכבר, Zoom עם Ctrl/Cmd + +/- זהה לרוב כלי העיצוב
עמודים עמודים מרובים גלויים בסרגל תחתון (Slides) או מגולגלים (Documents) ב-Figma כל Frame הוא "עמוד" נפרד באותו שטח
בחירת אלמנטים לחיצה חד-פעמית לבחירה, לחיצה כפולה לעריכה זהה ל-Canva
סרגל יישור (Alignment) מופיע אוטומטית בעת גרירת אלמנטים — קווי עזר ומרחקים קיים גם ב-Figma וב-Canva Pro

ה-Canvas לעומת מה שאתה מכיר

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

אם עבדת ב-Figma, ההבדל המרכזי הוא ש-Claude Design לא דורש ידע ב-design tokens, auto-layout מתקדם, או ניהול frames מורכב. ה-Canvas ב-Claude Design יותר "מנוהל" — הוא דואג למרווחים, ליישור ולהיררכיה בעצמו על בסיס ה-Design System שהגדרת.

מפת ה-Canvas: מה נמצא איפה

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

מה אתם אמורים לראות על המסך:

החלק הגדול ביותר של המסך הוא ה-Canvas עצמו — רקע לבן או אפור בהיר עם אזור עבודה מסומן (לבן) שמייצג את גודל הדף. בצד שמאל — סרגל כלים צר ואנכי עם אייקונים של Typography, Colors, Layout ו-Components. בצד ימין — פאנל Chat עם שדה קלט בתחתית ואזור ריק (שיתמלא בהיסטוריית שיחה ככל שתשלחו הוראות). בחלק העליון של המסך יש Topbar עם שם הפרויקט משמאל, וכפתורי Export, Share ו-Version History מימין. בתחתית המסך יש Pages Bar — בפרויקט חדש עם עמוד אחד, הוא יציג תמונה ממוזערת אחת.

עשה עכשיו — מיפוי ה-Canvas 4 דקות

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

טעות נפוצה: לא לבדוק גודל ה-Canvas לפני עיצוב

הטעות: מתחילים לעצב בלי לבדוק שגודל ה-Canvas מתאים לשימוש המיועד.

למה זה קורה: Claude Design בוחר גודל אוטומטי לפי סוג הפרויקט, אבל לא תמיד מנחש נכון. One-Pager יכול לקבל גודל A4 אבל אתה רוצה A5 להדפסה. מצגת יכולה לקבל 16:9 אבל ההצגה תהיה על מסך 4:3.

מה לעשות במקום: לפני שמתחילים לעצב — בדוק ב-Topbar את גודל ה-Canvas הנוכחי ושנה אם צריך. אפשר גם לציין את הגודל ישירות ב-Prompt: "צור one-pager בפורמט A4 לרוחב".

מתחיל 12 דקות חינם כלי

סרגל הכלים — Typography, Colors, Layout, Components

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

1. Typography — הגדרות טקסט

נבחר אלמנט טקסט על ה-Canvas וקטגוריית Typography תציג:

טיפ RTL

כאשר בוחרים אלמנט טקסט עברי ו-Text Direction מוגדר LTR — הטקסט ייראה כאילו הוא מוצג בצד הלא נכון. תמיד בדוק שה-Direction מוגדר RTL לאלמנטים בעברית. ב-Design System Panel אפשר להגדיר RTL כברירת מחדל לכל הפרויקט.

2. Colors — ניהול צבעים

עם אלמנט נבחר, קטגוריית Colors מציגה:

3. Layout — מיקום ומבנה

קטגוריית Layout שולטת על:

4. Components — רכיבים מובנים

קטגוריית Components מציגה ספרייה של אלמנטים מוכנים לגרירה לתוך ה-Canvas:

עשה עכשיו — חקור את ה-Toolbar 5 דקות

לחץ על אלמנט הטקסט שיצרת ("שלום עולם"). בטאב Typography: שנה Font Family ל-Heebo, Font Size ל-48, Font Weight ל-Bold. עבור לטאב Colors ושנה את הצבע ל-#1a56db (כחול כהה). ראה איך הממשק מגיב בזמן אמת. שינוי אחד שמצאת מעניין: ___

טעות נפוצה: משתמשים ב-Toolbar לכל דבר במקום ב-Chat

הטעות: משנים כל אלמנט ידנית ב-Toolbar וכמעט לא משתמשים ב-Chat.

למה זה קורה: Toolbar מרגיש "בטוח" ומוכר — כמו Canva. Chat מרגיש לא ודאי.

מה לעשות במקום: Toolbar עדיף לשינויים מדויקים (גודל פיקסל ספציפי, קוד צבע HEX). Chat עדיף לשינויים רעיוניים ("תגרום לעיצוב להרגיש יותר מקצועי", "שנה את הצבע הכחול לירוק"). שלב את השניים — זו הנוסחה הנכונה.

מתחיל 12 דקות חינם תרגול

פאנל ה-Chat — שיחה חיה עם Claude על העיצוב

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

פאנל ה-Chat נמצא בצד ימין של המסך (בממשק RTL — הצד שמתחיל ממנו קריאה). הוא מכיל:

סוגי הוראות שפאנל ה-Chat מקבל

סוג הוראה דוגמה מה Claude עושה
יצירה מאפס "בנה one-pager לחברת ניקיון" מייצר עיצוב מלא חדש
שינוי גלובלי "שנה את כל הצבעים לפלטה ירוקה" משנה את כל הצבעים בפרויקט
שינוי מקומי "תגדיל את הכותרת הראשית" משנה רק את הכותרת
הוספת תוכן "הוסף section של testimonials עם 3 ציטוטים" מוסיף section חדש לעיצוב הקיים
הסרת תוכן "הסר את ה-footer" מוחק את ה-footer
שינוי סגנון "תגרום לזה להיראות יותר מינימליסטי" מפשט את העיצוב, מסיר אלמנטים עמוסים
בקשת הסבר "למה בחרת בצבע הכחול הזה?" מסביר את בחירות העיצוב בכתב
תיקון RTL "תקן את הטקסט העברי — הוא מוצג בכיוון הלא נכון" מתקן כיוון טקסט ו-Alignment

Context — "הזיכרון" של הפאנל

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

דוגמה מייצגת: שיחת עיצוב עם Context

אתה: "בנה pitch deck של 8 שקפים לחברת סייבר ישראלית. צבעים: כחול כהה ולבן. עברית."

Claude: [יוצר את ה-deck]

אתה: "השקף השני נראה עמוס מדי — פשט אותו."

Claude: [משנה רק את השקף השני] "הסרתי שני אלמנטי טקסט ופישטתי את ה-layout."

אתה: "מצוין. עשה את אותה פישוט לשקף השישי."

Claude: [יודע מה הכוונה ל"אותה פישוט" כי יש לו Context מהצעד הקודם — לא צריך להסביר שוב]

עשה עכשיו — שיחת עיצוב ראשונה ברצף 5 דקות

עם הפרויקט הפשוט שיצרת, שלח 3 הוראות ברצף לפאנל ה-Chat:

  1. "הוסף כפתור כחול מתחת לעיגול עם הכיתוב לחץ כאן"
  2. "שנה את הכפתור לירוק"
  3. "הוסף כותרת משנה קטנה מתחת לכותרת הראשית"

כמה מהשינויים הצליחו מהניסיון הראשון: ___/3

עברית בפאנל ה-Chat — מה לדעת

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

טיפ: תבנית Prompt בעברית

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

מגבלות פאנל ה-Chat — מה לא לצפות ממנו

חשוב להכיר גם את מה שפאנל ה-Chat לא עושה בצורה מיטבית:

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

מתחיל 8 דקות חינם כלי

היסטוריית גרסאות ו-Undo

אחת הסיבות שאנשים מפחדים מכלי AI לעיצוב היא הפחד מלשבור דברים. "מה אם Claude ישנה משהו שלא רציתי?" "מה אם אני אאבד את הגרסה הטובה?" החשש הזה מוביל לשתי תגובות: או שנמנעים מלתת הוראות "חופשיות" ל-Chat (ומפספסים את עוצמת הכלי), או שעובדים בלי שמירה ואז מגלים שהפיסול מושלם של לפני 20 דקות — נעלם. ב-Claude Design יש מערכת גיבוי כפולה שמגינה עליך:

Undo / Redo — המסלול הקצר

Version History — המסלול הארוך

Version History (היסטוריית גרסאות) הוא הכלי הרציני לניהול מצבי פרויקט. ניגשים אליו מה-Topbar: לחץ על שם הפרויקט → "Version History", או השתמש בקיצור Ctrl+Shift+H.

מה Version History מכיל:

שמות גרסאות — קונבנציית שמות שעובדת

שמות כמו "גרסה 1", "גרסה 2", "גרסה 3" — חסרי ערך אחרי שבוע. השתמש בקונבנציה שמספרת מה קרה:

המפתח: שם הגרסה צריך לענות על השאלה "מה ייחודי בגרסה הזו?" — בלי לפתוח אותה.

עשה עכשיו — שמור גרסה ידנית עם שם 2 דקות

לחץ Ctrl+S (Cmd+S) לשמירה. פתח את Version History ותן שם לגרסה: "גרסת סיור — אחרי שינויי Toolbar". ראה שהגרסה מופיעה ברשימה. מה יש ברשימה מעל הגרסה שיצרת? ___

הרגל עבודה קריטי

לפני כל שינוי גדול — שינוי פלטת הצבעים, שינוי Layout מהותי, ניסוי עיצוב שונה — שמור Named Version עם שם תיאורי. 10 שניות של שמירה יכולות לחסוך שעה של עבודה חוזרת.

טעות נפוצה: סמיכה על Undo בלבד

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

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

מה לעשות במקום: Undo מתאים לביטול פעולה בודדת. Version History מתאים ל"רוצה לחזור לנקודת זמן ספציפית". עבוד עם Named Versions בכל iteration של עיצוב.

בינוני 15 דקות חינם תרגול

ייצוא: PNG, PDF, PPTX, HTML, Canva

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

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

PNG — תמונה לשימוש דיגיטלי

מתי להשתמשSocial media, פוסטים, banner, תמונות לאתר, לוגו
אפשרויותרזולוציה: 1x / 2x (Retina) / 3x. רקע שקוף (Transparent Background)
המלצהבחר 2x לפחות לכל שימוש דיגיטלי — 1x נראה מטושטש על מסכי Retina
מגבלהלא ניתן לעריכה לאחר ייצוא — תמונה שטוחה וסטטית

PDF — מסמך להדפסה ולשליחה

מתי להשתמשOne-pagers, מסמכים עסקיים, Brand Guidelines, חומרי שליחה ללקוח, הדפסה
אפשרויותPDF Print (CMYK, דחיסה נמוכה) לעומת PDF Web (RGB, קומפקטי). אפשרות Bleed לגיליון הדפסה
המלצהPDF Print אם מיועד לבית דפוס, PDF Web אם שולחים במייל
מגבלהפונטים מוטמעים — עיבוד טקסט עברי עלול לקחת כמה שניות נוספות
ייצוא PDF — חיסכון אמיתי בכסף

פרילנסרים ובעלי עסקים קטנים שמייצרים One-Pager מקצועי ב-PDF בעצמם חוסכים בין ₪1,500 ל-₪3,000 על הזמנת מעצב גרפי לאותה עבודה. ייצוא PDF מ-Claude Design לוקח 30 שניות — ומעצב גרפי עצמאי גובה בין ₪800 ל-₪2,500 ל-One-Pager בסיסי (2-4 שעות עבודה). אם אתם מפיקים 2-3 One-Pagers בחודש לצרכים שיווקיים שונים, החיסכון השנתי מגיע בקלות ל-₪20,000 ויותר.

PPTX — PowerPoint לעריכה

מתי להשתמשמצגות שצריך לערוך ב-PowerPoint, לשלוח ל-Google Slides, להציג בוועידה
אפשרויותEditable PPTX (אלמנטים ניתנים לעריכה) לעומת Flattened PPTX (כל עמוד כתמונה)
המלצהבדוק RTL ב-PPTX בנפרד לאחר ייצוא — PowerPoint עלול לשבור כיוון טקסט עברי
מגבלהEditable PPTX עשוי לאבד חלק מהעיצובים המורכבים (Gradients, Masks)

HTML — קוד לאתר

מתי להשתמשLanding Pages, Web Assets, העברה ל-Claude Code לפיתוח נוסף
אפשרויותקובץ ZIP עם HTML + CSS + JS. כולל Responsive Breakpoints
המלצהבדוק ב-Chrome DevTools שה-RTL עובד נכון לאחר הייצוא
מגבלההקוד לא תמיד נקי — עשוי להכיל CSS מיותר. ראה פרק 11 לניקוי ושיפור

Canva Export — ייצוא לעריכה שוטפת

מתי להשתמשכשרוצים להמשיך לערוך ב-Canva, ליצור וריאציות, לשתף עם לקוח שמכיר Canva
אפשרויותייצוא ישיר לחשבון Canva שלך (דורש חיבור חד-פעמי בין החשבונות)
המלצהבדוק לאחר ייצוא שהפונטים והאפקטים שמרו — לא הכל נתמך ב-Canva
מגבלהדורש חשבון Canva (Free מספיק). עיצובים מורכבים עלולים לאבד פרטים
מסגרת החלטה: איזה פורמט ייצוא לבחור
אם אתה צריך... בחר פורמט הגדרה מומלצת
לשלוח ללקוח לצפייה בלבד PDF Web RGB, ללא Bleed
להדפיס בבית דפוס PDF Print CMYK, Bleed 3mm
לפרסם ב-Social Media PNG 2x 2x או 3x, ללא רקע שקוף
לשלוח מצגת לעריכה ב-PowerPoint PPTX Editable בדוק RTL לאחר ייצוא
לעלות לאינטרנט / להעביר ל-Claude Code HTML עם Responsive Breakpoints
לעריכה שוטפת ב-Social / יצירת וריאציות Canva Export חבר חשבון Canva מראש

טיפים מעשיים לייצוא — מניסיון

כמה דגשים שחוסכים תיקונים מיותרים לאחר ייצוא:

תרגיל 1 — ייצוא ב-3 פורמטים

זמן משוער: 15 דקות | תוצר: 3 קבצים מיוצאים + תצפיות על ההבדלים

  1. פתח את הפרויקט שיצרת עד כה. אם הוא מינימלי מדי — שלח ב-Chat: "בנה one-pager פשוט לייעוץ עסקי עם כותרת, שורת תיאור ו-3 שירותים עיקריים".
  2. ייצא כ-PNG 2x. שמור על שולחן העבודה כ-"export-png.png".
  3. ייצא כ-PDF Web. שמור כ-"export-pdf.pdf".
  4. ייצא ל-Canva (אם יש לך חשבון) — או ל-PPTX Editable כאלטרנטיבה.
  5. פתח את שלושת הקבצים ורשום: האם הצבעים זהים? האם הטקסט ברור? האם פורמט מסוים "נשבר"? ___

תוצר צפוי: 3 קבצים מיוצאים + תצפית על ההבדלים בין פורמטים.

בינוני 15 דקות חינם הקמה

Design System Panel — הגדרות גלובליות

Design System Panel (פאנל מערכת העיצוב) הוא אחד הכלים החזקים ביותר ב-Claude Design — ואחד הכי מדולגים על ידי מתחילים. מדוע הוא כל כך חשוב? כי בלעדיו, כל תוצר ש-Claude מייצר עבורך יקבל צבעים, גופנים ומרווחים שונים. אחרי שלושה תוצרים, החומרים שלך ייראו כאילו עוצבו על ידי שלושה אנשים שונים — לא על ידי מותג אחד. כשאתה מגדיר Design System, אתה אומר ל-Claude: "כשאתה מייצר עיצוב עבורי, השתמש תמיד בצבעים האלה, הפונטים האלה, והמרווחים האלה." וכל תוצר שייצא — one-pager, מצגת, כרטיס ביקור — יהיה עקבי מבחינה ויזואלית.

ניגשים ל-Design System Panel: לחץ על האייקון "DS" בסרגל הצד השמאלי, או מ-View → Design System בסרגל הניווט העליון.

3 חלקי ה-Design System

1. Color Tokens — פלטת הצבעים

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

לכל צבע נותנים שם (למשל "brand-blue") וקוד HEX. Claude ישתמש בשמות האלה כשתבקש שינויים: "שנה את brand-blue ל-brand-green".

דוגמה: Design System לעסק ישראלי

נניח שאתה בונה חומרים שיווקיים לקליניקת שיניים בראשון לציון. הנה Design System בסיסי מומלץ:

עם Design System מוגדר, כל תוצר שתיצור — one-pager, כרטיס ביקור, מצגת ללקוחות — ישתמש בצבעים האלה אוטומטית. לקוח שרואה את כל החומרים שלך מרגיש "מותג מקצועי" ולא "עיצוב אקראי".

2. Typography Tokens — סולם הטיפוגרפיה

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

3. Spacing & Layout Tokens

מרווחים (Spacing) הם אחד ההיבטים שמבדילים בין עיצוב חובבני לעיצוב מקצועי. "אוויר" אחיד בין אלמנטים נותן תחושה של סדר ואמינות. Design System מבטיח שהמרווחים אחידים בכל הפרויקט:

עשה עכשיו — הגדר Design System בסיסי 8 דקות

פתח את Design System Panel ובצע:

  1. הגדר Primary Color: בחר צבע שמייצג את העסק שלך (אם אין — בחר #1a56db)
  2. הגדר Neutral Dark: #111827 (כמעט שחור לטקסט)
  3. הגדר H1: Heebo Bold, 40px
  4. הגדר Body Regular: Heebo Regular, 16px
  5. שמור את ה-Design System בשם "הבסיס שלי"

עכשיו שלח ב-Chat: "בנה כרטיס ברכה פשוט לפרויקט". בדוק שהכרטיס משתמש בצבע ה-Primary שהגדרת. כן / לא: ___

טעות נפוצה: דילוג על Design System

הטעות: מתחילים לעצב תוצרים מרובים ללא Design System — כל תוצר מקבל צבעים ופונטים אחרים.

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

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

מתחיל 10 דקות חינם תרגול

Templates מובנים — מה יש בפנים

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

למה Templates הם הדרך הנכונה להתחיל? כי Template מקצועי מביא איתו שנים של ידע עיצובי: מבנה מוכח, היררכיה נכונה, מרווחים מותאמים, ו-Layout שעובד. במקום להתחיל מדף ריק ולקוות שהתוצאה תהיה מקצועית, אתה מתחיל ממבנה שכבר עובד — ומתאים אותו.

ניגשים ל-Templates: לחץ על "New" ב-Topbar → "From Template", או בדף הפתיחה של Claude Design.

קטגוריות Templates מובנות

קטגוריה Templates זמינים מיועד ל
Presentations Pitch Deck, Sales Deck, Team Meeting, Progress Report, Keynote Style מצגות עסקיות ומכירתיות
Marketing Product One-Pager, Service Overview, Event Flyer, Email Newsletter Header חומרי שיווק ופרסום
Brand Brand Identity Starter, Logo Concepts, Color Palette Showcase, Brand Guidelines מיתוג ראשוני לעסק
Web Landing Page (SaaS), Landing Page (Service), Portfolio, Coming Soon דפי נחיתה ואתרים
Wireframes Mobile App Wireframe, Website Wireframe, Dashboard Wireframe אפיון ו-UX
Social Media Instagram Post, Story, LinkedIn Banner, Facebook Cover, YouTube Thumbnail תוכן לרשתות חברתיות

Workflow עם Template — 5 שלבים

עבודה נכונה עם Template
  1. בחר Template מתאים ולחץ "Use This Template"
  2. Template נפתח עם תוכן Placeholder — טקסט ותמונות לדוגמה
  3. שלח ב-Chat: "עדכן את ה-Template הזה עבור [עסק שלך]. שם העסק: [שם], תחום: [תחום], צבעים עיקריים: [צבעים]"
  4. Claude מחליף את כל ה-Placeholder בתוכן אמיתי, תוך שמירה על סגנון העיצוב של ה-Template
  5. ערוך ידנית אלמנטים ספציפיים שלא מתאימים

מה לבדוק אחרי שה-Template עודכן

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

עשה עכשיו — עבודה עם Template 7 דקות

פתח פרויקט חדש ובחר Template "Product One-Pager" מקטגוריית Marketing. שלח ב-Chat: "עדכן את ה-Template הזה עבור בית קפה ישראלי בשם קפה הלב בתל אביב. הם מוכרים קפה איכותי, עוגות ביתיות, ומתמחים בסביבה שקטה לאנשי עסקים. צבע ראשי: חום חמים." רשום מה השתנה מה-Template המקורי: ___

מסגרת החלטה: Template מוכן או בניה מאפס
מצב מה לעשות סיבה
פרויקט ראשון בסוג חדש (pitch deck ראשון, landing page ראשון) Template + עדכון מהיר יותר, מבנה מקצועי כבר קיים
לקוח עם Brand קיים ומוגדר Design System קודם + Prompt מאפס Template יצריך עיצוב מחדש ממילא
צריך 3 וריאציות של אותו תוצר Template → Duplicate → עדכן כל גרסה שומר עקביות בין הגרסאות
דחוף — צריך תוצר בשעה הקרובה Template תמיד מבנה קיים = חצי עבודה שנחסכת
עיצוב ייחודי שלא מתאים ל-Template קיים Prompt מלא מאפס Template יגביל את יצירתיות Claude
מתחיל 8 דקות חינם מושג

מצב עריכה ישירה לעומת מצב Prompt

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

מצב עריכה ישירה (Direct Editing)

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

מצב Prompt

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

מתאים לשינויים שדורשים הבנה:

פעולה מצב מומלץ סיבה
שינוי טקסט ספציפי (שם לקוח, תאריך) עריכה ישירה מהיר יותר, לא צורך טוקנים
שינוי גלובלי (כל הכפתורים לכחול) Chat Prompt Claude עושה הכל בפעולה אחת
כוונון מדויק (הזזה של 5px, גודל ספציפי) עריכה ישירה + Toolbar שליטה פיקסל-ספציפית
שינוי מבנה (הוסף section, שנה Layout) Chat Prompt Claude מבין שינויים מבניים טוב יותר
הוספת תוכן חדש (טקסט, section) Chat Prompt Claude מוסיף ומיישב בעקביות עם שאר העיצוב
תיקון שגיאת כתיב עריכה ישירה הרבה יותר מהיר

Workflow טיפוסי — שילוב שני המצבים

ב-workflow אמיתי, לא בוחרים מצב אחד — משלבים. הנה דוגמה לרצף עבודה טיפוסי על one-pager לעסק ישראלי:

  1. Chat Prompt: "בנה one-pager לסטודיו ליוגה בהרצליה. סגנון מינימליסטי, ירוק ולבן, עברית RTL."
  2. Chat Prompt: "הוסף section עם 3 יתרונות מרכזיים ו-CTA לקביעת שיעור ניסיון."
  3. עריכה ישירה: לחצתי כפול על הכותרת ושיניתי "סטודיו ליוגה" ל"יוגה במרפסת — סטודיו הרצליה" (שם העסק האמיתי)
  4. עריכה ישירה + Toolbar: שיניתי את מספר הטלפון, הגדלתי את ה-CTA button ב-2px
  5. Chat Prompt: "בדוק שכל הטקסט העברי ב-RTL נכון ותקן אם צריך."

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

עשה עכשיו — השוו את שני המצבים 4 דקות

שנה את צבע הכותרת הראשית בשתי דרכים: 1) לחץ על הכותרת → Toolbar → Colors → בחר כתום. 2) כתוב ב-Chat: "שנה את צבע הכותרת הראשית לסגול". מה היה מהיר יותר? מה נתן תוצאה טובה יותר? ___

מתחיל 6 דקות חינם כלי

קיצורי מקלדת שחוסכים זמן

קיצורי מקלדת ב-Claude Design דומים לכלי עיצוב מוכרים — אם הכרת Canva, Figma, או PowerPoint, רוב הקיצורים יהיו מוכרים. למה קיצורים חשובים? כי בעיצוב, אתה חוזר על אותן פעולות עשרות פעמים ב-session: Select, Undo, Copy, Paste, Save. ההבדל בין 2 שניות (עם עכבר + תפריט) ל-0.3 שניות (עם קיצור) מצטבר לעשרות דקות ביום. ומעבר לזמן — קיצורים מאפשרים לך להישאר בזרימת עבודה בלי "לצאת" מחשבה עיצובית כדי לנווט בתפריט.

הנה הרשימה שתשתמש בה 90% מהזמן:

קיצורים בסיסיים — היומיומיים

קיצור (Windows) קיצור (Mac) פעולה
Ctrl+ZCmd+ZUndo — ביטול פעולה
Ctrl+Shift+ZCmd+Shift+ZRedo — חזרה אחרי ביטול
Ctrl+SCmd+Sשמירה ידנית — הרגל כל 10-15 דקות
Ctrl+CCmd+Cהעתקה
Ctrl+VCmd+Vהדבקה
Ctrl+DCmd+DDuplicate — שכפול אלמנט במקומו
Ctrl+ACmd+Aבחירת הכל
Delete / BackspaceDeleteמחיקת אלמנט נבחר
Ctrl++Cmd++Zoom In
Ctrl+-Cmd+-Zoom Out
Ctrl+0Cmd+0Fit to Screen — הצג את כל ה-Canvas
Space + DragSpace + DragPan — הזזת ה-Canvas בלי לבחור אלמנטים

קיצורים מתקדמים — לעבודה מהירה יותר

קיצור (Windows) קיצור (Mac) פעולה
Ctrl+GCmd+GGroup — קיבוץ אלמנטים נבחרים לקבוצה
Ctrl+Shift+GCmd+Shift+GUngroup — פירוק קבוצה
Ctrl+[Cmd+[Send Backward — שלח לאחור (שכבות)
Ctrl+]Cmd+]Bring Forward — הבא קדימה (שכבות)
Ctrl+Shift+HCmd+Shift+HVersion History — פתח היסטוריית גרסאות
Ctrl+EnterCmd+Enterשלח הוראה ל-Chat (חלופה ל-Enter)
EscEscביטול בחירה / יציאה ממצב עריכה
Shift + Arrow KeysShift + Arrow Keysהזזה ב-10px (במקום 1px)

אסטרטגיית למידת קיצורים

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

הכלל: קיצור שמשתמשים בו 3 פעמים ביום הופך אוטומטי תוך שבוע. קיצור שמשתמשים בו פעם ביום לוקח שבועיים-שלושה. אל תלחיצו את עצמכם — השיפור במהירות עבודה מצטבר לאורך זמן.

עשה עכשיו — אמן 5 קיצורים 3 דקות

בצע 5 פעולות ברצף רק עם קיצורי מקלדת (בלי גישה לתפריטים): 1) בחר אלמנט 2) Duplicate אותו (Ctrl+D) 3) הזז אותו עם מקשי חצים 4) שמור (Ctrl+S) 5) Undo (Ctrl+Z). תרגיש את ההבדל בין עבודה עם עכבר בלבד לבין עבודה עם קיצורים.

בינוני 10 דקות חינם תרגול

Responsive Preview — מובייל ודסקטופ

Responsive Preview (תצוגה מקדימה רספונסיבית) מאפשר לראות איך העיצוב שלך נראה על מסכים בגדלים שונים — בלי לצאת מ-Claude Design. זה כלי קריטי כי יותר מ-60% מהגולשים בישראל צורכים תוכן דיגיטלי מהמובייל. אם העיצוב שלך נראה מושלם ב-Desktop אבל שבור ב-Mobile — רוב הקהל יראה את הגרסה השבורה.

ניגשים אליו: לחץ על אייקון "Preview" ב-Topbar (נראה כמו מסגרת), או Ctrl+Shift+P. ייפתח חלון Preview עם 4 אפשרויות:

מצב Preview רוחב מה זה מייצג
Desktop1440pxמחשב רגיל / מסך גדול
Laptop1280pxמחשב נייד
Tablet768pxiPad / טאבלט
Mobile375pxiPhone / אנדרואיד טיפוסי

מתי Responsive Preview רלוונטי

לא כל תוצר דורש Responsive Preview:

Responsive ובדיקת RTL — שני בדיקות בפעולה אחת

Responsive Preview הוא גם הזדמנות לבדוק RTL. בעיות RTL שנראות תקינות ב-Desktop עלולות להתגלות דווקא ב-Tablet או Mobile — כי ב-breakpoints קטנים יותר, אלמנטים מתמקמים מחדש ולפעמים "שוכחים" את כיוון הטקסט. הרגל: בכל בדיקת Responsive, בדוק גם שטקסט עברי זורם נכון בכל breakpoint.

5 בעיות נפוצות שמוצאים ב-Mobile Preview

עשה עכשיו — Responsive Check 4 דקות

פתח את Responsive Preview על ה-one-pager שיצרת מה-Template. עבור בין Desktop → Tablet → Mobile. רשום: מה נשבר במובייל? (אם הכל נראה תקין — כתוב "תקין"). אם משהו נשבר — שלח ב-Chat: "תקן את הבעיות שנראות ב-Mobile Preview". תוצאה: ___

תרגיל 2 — Design System + Template + Export מלא

זמן משוער: 25 דקות | תוצר: One-Pager עם Design System מוגדר + 2 ייצואים

  1. פתח פרויקט חדש. עבור ל-Design System Panel והגדר Design System עבור עסק שאתה מכיר — צבע ראשי, גופן, 3 רמות כותרת.
  2. בחר Template "Product One-Pager" ופתח אותו.
  3. שלח ב-Chat: "עדכן את ה-Template הזה לפי ה-Design System שהגדרתי. העסק הוא [שם העסק]. החלף את כל ה-Placeholder בתוכן אמיתי שהגיוני לסוג העסק הזה."
  4. בצע 2-3 כוונונים ידניים ב-Toolbar על אלמנטים שלא מתאימים.
  5. בדוק ב-Responsive Preview — Mobile ו-Desktop. תקן אם צריך.
  6. שמור Named Version: "One-Pager v1 — מוכן".
  7. ייצא: PDF Web + PNG 2x.

תוצר צפוי: One-pager ב-PDF + PNG + גרסה ב-Version History + גיבוי.

מתחיל 8 דקות חינם כלי

Sharing — שיתוף ושיתוף פעולה

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

4 אפשרויות שיתוף

1. View Link — קישור לצפייה

יוצר URL ייחודי שכל מי שיש לו יכול לצפות בעיצוב. הצופה לא צריך חשבון Claude. שימושי ל:

2. Edit Access — גישת עריכה

הזמנת שותף לערוך יחד. דורש חשבון Claude. שימושי ל:

3. Comment Mode — מצב הערות

הצופה יכול להוסיף הערות על האלמנטים אך לא לערוך. שימושי ל:

4. Embed — הטמעה

קוד iFrame להטמעת העיצוב באתר, ב-Notion, ב-Confluence. שימושי ל:

Workflow שיתוף לפרילנסרים ובעלי עסקים

שיתוף נכון חוסך סבבי תיקונים. הנה workflow מומלץ לשליחת עיצוב ללקוח:

  1. סיים את העיצוב — בדוק RTL, Responsive, ותוכן
  2. שמור Named Version — "גרסת לקוח v1 — [תאריך]"
  3. צור View Link — שלח ללקוח עם הודעה: "הנה העיצוב. שלח לי הערות בנקודות ספציפיות"
  4. קבל הערות — אם הלקוח יכול להשתמש ב-Comment Mode, העדף את זה. אם לא — בקש ממנו רשימה ב-WhatsApp/מייל
  5. בצע תיקונים — שמור גרסה חדשה אחרי כל סבב הערות
  6. ייצא — רק אחרי אישור סופי. PDF ללקוח, PNG לסושיאל, HTML לאתר

הרעיון: View Link לשלב הפידבק, Export לשלב הסופי. אל תייצא ותשלח קובץ לפני שהלקוח אישר — זה יוצר בלבול עם גרסאות.

עשה עכשיו — צור קישור View Link 2 דקות

על ה-one-pager שיצרת: לחץ Share → View Link → Copy Link. שלח את הקישור לאימייל שלך. פתח אותו מדפדפן אחר (או בטאב Incognito). האם העיצוב נראה כמו שציפית? האם הטקסט בעברית תקין? כן / לא: ___

שימו לב: View Link ופרטיות

הנושא: View Link הוא ציבורי — כל מי שמקבל את ה-URL יכול לצפות.

מה זה אומר בפועל: אל תשתמש ב-View Link לחומרים רגישים — מחירונים פנימיים, הסכמי סודיות, נתונים פיננסיים. לחומרים כאלה שלח את קובץ ה-PDF ישירות.

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

תרגיל 3 — Workspace Tour Checklist

זמן משוער: 20 דקות | תוצר: Workspace Tour Checklist מלא — אחד מהתוצרים הרשמיים של הפרק

  1. פתח מסמך Word / Google Docs / Notion (או נייר ועט).
  2. כתוב את שמות 12 אזורי הממשק שלמדת בפרק: Canvas, Toolbar (4 קטגוריות), Chat Panel, Version History, Export (5 פורמטים), Design System Panel, Templates, Direct Edit, Prompt Mode, Shortcuts, Responsive Preview, Sharing.
  3. לצד כל אזור — רשום: א) מה הוא עושה (משפט אחד), ב) מתי תשתמש בו, ג) קיצור מקלדת רלוונטי.
  4. לצד כל אזור — סמן: "ביצעתי Do-Now" / "לא ביצעתי עדיין".
  5. שמור את הרשימה כ-Quick Reference Card לשימוש בפרויקטים הבאים.

תוצר צפוי: Workspace Tour Checklist עם 12 אזורים מתועדים + ציון כמה Do-Now ביצעת.

תרגיל 4 — שיחת עיצוב מלאה: Chat Panel Mastery

זמן משוער: 20 דקות | תוצר: כרטיס ביקור דיגיטלי שעבר 5 iterations בפאנל ה-Chat

  1. פתח פרויקט חדש. שלח ב-Chat: "בנה לי כרטיס ביקור דיגיטלי לאיש עסקים ישראלי בתחום הנדל"ן. שם: יוסי כהן. תפקיד: מנהל נדל"ן. עיצוב מקצועי, כחול כהה."
  2. ראה את התוצאה ושמור Named Version: "כרטיס ביקור v1".
  3. שלח: "הוסף לוגו placeholder — ריבוע עם האותיות י.כ — בפינה הימנית העליונה."
  4. שלח: "שנה את הרקע לגרדיאנט כחול-לבן. ודא שהטקסט ממשיך להיות קריא."
  5. שלח: "הכרטיס יפורסם גם במובייל — ודא שהוא נראה טוב ב-Mobile Preview."
  6. שלח: "הוסף לינק ל-WhatsApp ולינקדאין כאייקונים קטנים בתחתית."
  7. שמור Named Version: "כרטיס ביקור v5 — מוכן". ייצא כ-PNG 2x.

תוצר צפוי: כרטיס ביקור דיגיטלי מיוצא + Version History עם 2 גרסאות שמורות.

שגרת עבודה — ממשק Claude Design

בנוסף לשגרת פרק 1 (מפת שימושים ותקציב טוקנים חודשי), הוסיפו לשגרה הקיימת:

תדירות פעולה למה
יומי (בכל session עבודה) בדוק / הגדר Design System לפני שמתחילים לעצב פרויקט חדש מניעת חוסר עקביות מלכתחילה
יומי Ctrl+S כל 15-20 דקות עבודה + Named Version לפני כל שינוי גדול הגנה מפני אובדן עבודה ואפשרות לחזור לגרסה ספציפית
יומי לפני כל ייצוא: Responsive Preview (Mobile + Desktop) + שאל ב-Chat: "יש בעיות לתקן?" מניעת ייצוא לקוי שמגיע ללקוח
שבועי סדר את Version History — מחק גרסאות זמניות, תן שמות תיאוריים לגרסאות חשובות שמירה על סדר בפרויקטים ארוכי טווח
שבועי תרגל 2-3 קיצורי מקלדת חדשים שעדיין לא משתמש בהם בניית מהירות עבודה הדרגתית
שבועי לפני שליחה ללקוח: צור View Link → פתח בחלון Incognito → בדוק שנראה כמצופה הלקוח רואה את אותו הדבר שאתה רואה
חודשי בדוק אם יש עדכונים ל-Claude Design (פאנלים חדשים, פורמטי ייצוא, Templates) הכלי מתעדכן תדיר — שמירה על רלוונטיות
חודשי עדכן את ה-Design Systems שלך — בדוק שהצבעים והפונטים עדיין מתאימים למותג מותגים משתנים, ה-DS צריך להשתנות איתם
מסגרת החלטה: Prompt או עריכה ישירה — מדריך מהיר

כשאתה לא בטוח איך לבצע שינוי — שאל את עצמך:

Just One Thing — אם אתם עושים רק דבר אחד מהפרק הזה 10 דקות

הגדירו Design System בסיסי לפרויקט הראשון שלכם. 10 דקות של הגדרה — צבע ראשי, גופן, 2-3 גדלי טקסט — יחסכו לכם שעות של "למה כל תוצר נראה אחרת?" בהמשך. פתחו Claude Design עכשיו, עברו ל-Design System Panel, ובצעו את ה-Do-Now מסעיף 7 של הפרק.

בדוק את עצמך — 5 שאלות הבנה
  1. למה Design System Panel חשוב לפתוח לפני שמתחילים לעצב, ולא רק לאחר שכל התוצרים מוכנים? (רמז: חשוב מה קורה כשרוצים לשנות צבע גלובלי ב-12 תוצרים)
  2. מה ההבדל בין Undo ל-Version History, ומתי כל אחד מהם הכלי הנכון לשימוש? (רמז: מה כל אחד מאפשר שהשני לא)
  3. מדוע ייצוא ל-PPTX Editable עלול לתת תוצאה פחות מושלמת ממה שעיצבת, ומה אפשר לעשות כדי לוודא לפני שליחה ללקוח? (רמז: חשוב מה PowerPoint עושה לגופנים ולכיוון הטקסט)
  4. מה ההבדל בין View Link ל-Edit Access, ומתי לא כדאי להשתמש ב-View Link? (רמז: חשוב מי יכול לגשת ומה הם יכולים לעשות)
  5. מתי Responsive Preview חשוב לבדוק לפני ייצוא, ומתי הוא לא רלוונטי? (רמז: חשוב לאיזה פורמט הסופי יוצא התוצר)

4 מתוך 5 תשובות נכונות = עברת את הפרק. אם ענית נכון על פחות מ-3 — חזור לסעיפים שבהם התקשת.

סיכום הפרק

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

ה-Insight המרכזי של הפרק הוא שאינך חייב לבחור בין "לדבר עם AI" ל"לשלוט בעיצוב" — השניים עובדים יחד. ה-Chat הוא הארכיטקט שמקים את המבנה, והעריכה הישירה היא הפיסול שמכוון את הפרטים. כשמבינים מתי להשתמש בכל אחד — העבודה נהיית מהירה ומהנה.

בפרק הבא נשתמש בכל אלה יחד — תכתוב את ה-Brief הראשון שלך ותיצור One-Pager שלם לעסק אמיתי, מ-Prompt ועד ייצוא ב-PDF, תוך 20 דקות.

Checklist — מה השלמת בפרק הזה
→ הפרק הקודם: מה זה Claude Design הפרק הבא: הפרויקט הראשון →